Jquery 中each 的三种遍历⽅法
1、+遍历
2、选择器+
3、更适⽤的遍历⽅法
1)先获取某个集合对象
2)遍历集合对象的每⼀个元素
回调函数是可以传递参数,i就为遍历的。
对于遍历⼀个数组,⽤$.each()来处理,简直爽到了极点。例如:
$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n) {
alert(“索引:”+i,”对应值为:”+n.name);
});
参数i为遍历索引值,n为当前的遍历对象.$('div').each(function (i){ i 就是索引值 this 表⽰获取遍历每⼀个dom 对象});
1
2
3
4$('div').each (function (index ,domEle){ index 就是索引值 domEle 表⽰获取遍历每⼀个dom 对象});
1
2
34var d=$("div");$.each(d,function (index,domEle){ d 是要遍历的集合 index 就是索引值 domEle 表⽰获取遍历每⼀个dom 对});
1
2
3
4
5
6在jquery 中,遍历对象和数组,经常会⽤倒了$().each 和$.each (),两个⽅法。两个⽅法是有区别的,从⽽这两个⽅法在针对不同的操作上,显⽰了各⾃的特点。
().each ,对于这个⽅法,在dom 处理上⾯⽤的较多。如果页⾯有多个input 标签类型为checkbox ,对于这时⽤$().each 来处理多个checkbook ,例如:1
2$(“input[name=ch]”).each(function (i){if ($(this ).attr(‘checked’)==true ){//⼀些操作代码}
1
2
3
4
5
6
在⾥有⼀个each⽅法,⽤起来⾮常的爽,不⽤再像原来那样写for循环,jQuery源码⾥⾃⼰也有很多⽤到each⽅法。var arr1 = [ “one”, “two”, “three”, “four”, “five” ];$.each(arr1, function (){alert(this);});输出:one two three four five var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]$.each(arr2, function (i, item){alert(item[0]);});输出:1 4 7var obj = { one:1, two:2, three:3, four:4, five:5 };$.each(obj, function (key, val) {alert(obj[key]);});输出:1 2 3 4 5
1
2
3
4
5
6
7
jquery源码在线8
9
10
11
12
13
14
15
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论