jquery的$().each,$.each的区别

简介:

http://www.cnblogs.com/shaohz2014/p/3638848.html


在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。

$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:

$("input[name='ch']").each(function(i){

if($(this).attr('checked')==true) {

//一些操作代码           

            }

回调函数是可以传递参数,i就为遍历的索引。

对于遍历一个数组,用$.each()来处理,简直爽到了极点。例如:

$.each([{"name":"limeng","email":"xfjylimeng"},{"name":"hehe","email":"xfjylimeng"}],function(i,n) {

alert(“索引:"+i,"对应值为:"+n.name);

});

参数i为遍历索引值,n为当前的遍历对象.

 

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   7

var obj = { one:1, two:2, three:3, four:4, five:5 };

$.each(obj, function(key, val) {   

alert(obj[key]);    

});

输出:1   2  3  4  5

生活不止眼前的苟且,还有诗和远方。。。

本文转自wiwi博客51CTO博客,原文链接http://blog.51cto.com/wiwili/1969671如需转载请自行联系原作者


wiwili
相关文章
|
8月前
|
JavaScript 前端开发
jQuery each() 便利
jQuery each() 便利
20 0
|
3天前
|
JavaScript 前端开发 索引
【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
【5月更文挑战第2天】【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
|
23天前
|
JavaScript 前端开发
JQuery和JS的区别有哪些?
JQuery和JS的区别有哪些?
14 0
|
1月前
|
JavaScript 前端开发
jQuery 和 Zepto 的区别? 各自的使用场景?
jQuery 和 Zepto 的区别? 各自的使用场景?
10 1
|
4月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
42 0
|
9月前
|
JavaScript 前端开发
Jquery的$.each()如何使用
Jquery的$.each()如何使用
50 0
|
4月前
|
JavaScript 前端开发
|
5月前
|
JavaScript 前端开发 开发者
vue和jQuery有什么区别
vue和jQuery有什么区别
80 0
|
5月前
|
JavaScript 前端开发 API
Vue、jquery和angular之间区别
Vue、jquery和angular之间区别
39 2
|
5月前
|
JavaScript
jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别
jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别