jQuery 是一个 JavaScript 库,它提供了一系列的方法来处理数组。jQuery 的遍历数组功能可以帮助我们快速地对数组中的每个元素进行操作,而不需要写很多的循环语句。
jQuery 中有三个函数可以用来遍历数组:each()、map() 和 grep()。
// each() 函数用于遍历数组中的每个元素: $(array).each(function(index, element) { // do something with element });
each() 函数会对 array 数组中的每个元素执行一次回调函数,回调函数有两个参数:index 和 element。index 表示当前元素在 array 数组中的位置,element 表示当前元素本身。
// map() 函数用于将 array 数组中的每个元素映射到新的值上: var newArray = $(array).map(function(index, element) { return newValue; // return the new value for the current element });
map() 函数会对 array 数组中的每个元素执行一次回调函数,并将回调函数返回值作为新的值存储创建文件文件名newArray。回调函數也有两個参數 index 和 element ,它们含义和 each() 相同。
// grep() 函數用於尋找特定內容: var filteredArray = $(array).grep(function(element, index) { return condition; // return true if the current element should be included in the filtered array });
grep() 函式有兩個参式:element 表明當前陣列中的元件, index 表明當前陣列中佔位.grep () 會尋找特定運行 condition 為 true 的陣列.如果 condition 為 true ,則將當前陣列存儲在 filteredArray 陣列中.
三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。
其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。
first() 方法返回被选元素的首个元素。
下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:
last() 方法返回被选元素的最后一个元素。
下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:
eq() 方法返回被选元素中带有指定索引号的元素。
索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
下面的例子返回带有类名 "intro" 的所有 <p> 元素:
not() 方法返回不匹配标准的所有元素。
提示:not() 方法与 filter() 相反。
下面的例子返回不带有类名 "intro" 的所有 <p> 元素:
你想增进 jQuery 技能吗?以下是jQuery的各种使用实例,快来看看你掌握了哪些?jQuery 选择器 $(this).hide() 演示 jQuery 的 hi...
CSS3 box-sizing 属性实例指定两个boxes接壤:div{box-sizing:border-box;-moz-box-sizing:border-box; width:50%;float:left;}...
CSS :focus 选择器完整CSS选择器参考手册定义和用法:focus选择器用于选择具有焦点的元素。:focus是一个伪类,它适用于具有焦点的...
CSS3 :last-child 选择器完整CSS选择器参考手册定义和用法:last-child选择器用来匹配父元素中最后一个子元素。提示: p:last-chil...
CSS3 border-image-slice 属性实例指定图像的边界向内偏移:div{border-image-source: url(border.png);border-image-slice: 50%...