JQuery让前端飞Web前端之路

$.each()遍历

2017-06-19  本文已影响122人  鸭梨山大哎

$.each()干嘛的?

用来遍历的。

能遍历什么?

比如数组,dom元素,json数据

有参数么?是什么?

有。而且都有两个,一般第一个是要被遍历的对象。第二个是一个函数,而且这个函数哟与两个参数,第一个参数一般代表索引,第二个参数代表具体的值或者对象。

与jquery中的其他遍历,比如next(),parent()之类的有何不同?

那些只能遍历dom元素。也就是jquery对象。

$.each()中$代表什么?

大概是jquery团队正的一个大一统遍历,然后就这么规定了。

与$.(selector).each()有何不同?

$.each()不需要选择器来确定遍历的对象,因为其第一个参数确定了待遍历的对象。。第二个参数function可以决定对这个遍历对象执行什么动作。

举个例子

遍历数组

var arr1 = [ "aaa", "bbb", "ccc" ]; 
$.each(arr1, function(i,val){ 
alert(i); 
alert(val);
});

下面这个和上面的作用完全一样

var arr1 = [ "aaa", "bbb", "ccc" ]; 
$.each(arr1, function(a,b){ 
alert(a); 
alert(b);
});

这所吗function参数的参数意义是固定的,第一个代表数组索引,第二个代表值。

遍历json数据

var obj = { one:1, two:2, three:3}; 
each(obj, function(key, val) { 
alert(key); 
alert(val); 
});

遍历dom元素

<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$.each($("input"),function(a,b){
    alert(a);
    alert(b);
    alert(b.name)
})
</script>

其中a代表索引,b代表低n个input元素。

上一篇 下一篇

猜你喜欢

热点阅读