码迷,mamicode.com
首页 > Web开发 > 详细

jquery的$().each,$.each的区别与应用

时间:2015-11-20 12:36:42      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:

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

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

$(“input[name=’ch’]”).each(function(index){
if($(this).attr(‘checked’)==true)
{

//操作代码

}

注:回调函数是可以传递参数,index是索引。

对于遍历一个数组,用$.each()来处理,下面列举了几个实例:

实例1:

//使用this关键字
var
arr = [‘a‘,‘b‘,‘c‘]; $.each(arr, function(){ alert(this);//this代表数组中的每个元素 });

实例2:

//回调函数带参数
var
arr = [‘a‘,‘b‘,‘c‘]; $.each(arr, function(k,v){  //k代表索引,v代表数组中每个元素的值 alert(‘索引:‘ + k + ‘,值:‘ + v); });

实例3:

//遍历二维数组
var
arr = [[1,2,3],[‘a‘,‘b‘,‘c‘]]; $.each(arr, function(k,v){ alert(v[0]); });

实例4:

//遍历对象
var
obj = {one:1, two:2, three:3, four:4, five:‘good‘}; $.each(obj, function(key, val) { alert(obj[key]); });

 

jquery的$().each,$.each的区别与应用

标签:

原文地址:http://www.cnblogs.com/cloak/p/4980270.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!