为了帮助大家网页设计师考试基础知识，我们考吧网特为广大考生整理关于javascript知识精选资料，希望广大考生能够喜欢。想了解更多资讯请继续关注我们考吧，同时也欢迎来我站学习。
$.each()与$(selector).each()不同, 后者专用于jquery对象的遍历, 前者可用于遍历任何的集合(无论是数组或对象),如果是数组,回调函数每次传入数组的索引和对应的值(值亦可以通过this 关键字获取,但javascript总会包装this 值作为一个对象—尽管是一个字符串或是一个数字),方法会返回被遍历对象的第一参数.
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等
在javaScript开发过程中使用$each可以大大的减轻我们的工作量。
下面提一下each的几种常用的用法
each处理一维数组
?
|
1
2
3
4
5
|
var arr1 = [ "aaa", "bbb", "ccc" ];
$.each(arr1, function(i,val){
alert(i);
alert(val);
});
|
alert(i)将输出0，1，2
alert(val)将输出aaa，bbb，ccc
each处理二维数组
?
|
1
2
3
4
5
|
var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
$.each(arr, function(i, item){
alert(i);
alert(item);
});
|
arr2为一个二维数组，item相当于取这二维数组中的每一个数组。
item[0]相对于取每一个一维数组里的第一个值
alert(i)将输出为0，1，2，因为这二维数组含有3个数组元素
alert(item)将输出为 ['a', 'aa', 'aaa']，['b', 'bb', 'bbb']，['c', 'cc', 'ccc']
对此二位数组的处理稍作变更之后
?
|
1
2
3
4
5
6
7
|
var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
$.each(arr, function(i, item){
$.each(item,function(j,val){
alert(j);
alert(val);
});
});
alert(j)将输出为0，1，2，0，1，2，0，1，2
alert(val)将输出为a，aa，aaa，b，bb，bbb，c，cc，ccc each处理json数据，这个each就有更厉害了，能循环每一个属性 ?
这里alert(key)将输出one two three ecah处理dom元素，此处以一个input表单元素作为例子。 如果你dom中有一段这样的代码 ?
然后你使用each如下 ?
|
编辑推荐：
请微信扫码打开
