浅析jQuery 遍历函数javascript.docx

浅析jQuery遍历函数javascript浅析jQuery遍历函数javascriptjQuery遍历函数包括了用于筛选、查找和串联元素的方法。.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。.contents()获得匹配元素集合中每个元素的子元素，包括文本和注释节点。.each()对jQuery对象进行迭代，为每个匹配元素执行函数。.end()结束当前链中最近的一次筛选操作，并将匹配元素集合返回到前一次的状态。.eq()将匹配元素集合缩减为位于指定索引的新元素。.filter()将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。.find()获得当前匹配元素集合中每个元素的后代，由选择器进行筛选。.first()将匹配元素集合缩减为集合中的第一个元素。.has()将匹配元素集合缩减为包含特定元素的后代的集合。.is()根据选择器检查当前匹配元素集合，如果存在至少一个匹配元素，则返回true。.last()将匹配元素集合缩减为集合中的最后一个元素。.map()把当前匹配集合中的每个元素传递给函数，产生包含返回值的新jQuery对象。.next()获得匹配元素集合中每个元素紧邻的同辈元素。.nextAll()获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。.nextUntil()获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。.not()从匹配元素集合中删除元素。.offsetParent()获得用于定位的第一个父元素。.parent()获得当前匹配元素集合中每个元素的父元素，由选择器筛选（可选）。.parents()获得当前匹配元素集合中每个元素的祖先元素，由选择器筛选（可选）。.parentsUntil()获得当前匹配元素集合中每个元素的祖先元素，直到遇到匹配选择器的元素为止。.prev()获得匹配元素集合中每个元素紧邻的.前一个同辈元素，由选择器筛选（可选）。.prevAll()获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。.prevUntil()获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。.siblings()获得匹配元素集合中所有元素的同辈元素，由选择器筛选（可选）。.slice()将匹配元素集合缩减为指定范围的子集。函数描述each的用法1.数组中的eachvararr=["one","two","three","four"];$.each(arr,function(){alert(this);});//上面这个each输出的结果分别为：one,two,three,fourvararr1=[[1,4,3],[4,6,6],[7,20,9]]$.each(arr1,function(i,item){alert(item[0]);});//其实arr1为一个二维数组，item相当于取每一个一维数组，//item[0]相对于取每一个一维数组里的第一个值//所以上面这个each输出分别为：147varobj={one:1,two:2,three:3,four:4};$.each(obj,function(i){alert(obj[i]);});//这个each就有更厉害了，能循环每一个属性//输出结果为：12342.遍历Dom元素中$(document).ready(function(){$("button").click(function(){$("li").each(function(){alert($(this).text())});});});输出每个列表项的值CoffeeMilkSoda依次弹出Coffee，Milk，Soda3.each和map的比较下面的例子是获取每一个多框的ID值；each方法：定义一个空数组，通过each方法，往数组添加ID值；最后将数组转换成字符串后，alert这个值；$(function(){vararr=[];$(":checkbox").each(function(index){arr.push(this.id);});varstr=arr.join(",");alert(str);})map方法:将每个:checkbox执行returnthis.id；并将这些返回值，自动的保存为jQuery对象，然后用get方法将其转换成原生Javascrip