jquery中$.each()方法总结

本文介绍了jQuery中的两种遍历方法:$().each() 和 $.each()。前者主要用于DOM元素的处理,后者则适用于遍历任意对象或数组。文章通过示例展示了这两种方法的具体使用方式及区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

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

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

$(“input[name=’ch’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//一些操作代码

}

下面说一下$.each()这个方法,该方法不但可以遍历数组,而且可以遍历对象,而不用再去用增强的for循环来遍历:

<html>

<head>

<title>ss</title>

<script type="text/javascript" src="js/jquery-1.8.0.js"></script>

<script type="text/javascript">

var arr = [1,2,3];

$.each(arr,function(i,n){         //i代表传递的arr的数组索引,n代表值

document.write(arr+",");      // 1,2,3,1,2,3,1,2,3,

    document.write(arr[i]);        //   1,2,3

document.write(i);               //0,1,2  数组索引

       document.write(n);              //1,2,3   数组的值

});

</script>

</head>

</html>

遍历对象:

<html>

<head>

<title>ss</title>

<script type="text/javascript" src="js/jquery-1.8.0.js"></script>

<script type="text/javascript">

var obj = {name:"zhangsan",age:"9"};

$.each(obj,function(key,value){    //等价于jQuery.each()

document.write(obj[key]+"<br/>");   //zhangsan  9

document.write(key+' ');                   //name  age

               document.write(obj);             //[object Object][object Object]

document.write(value+' ');                 //zhangsan  9

});

</script>

</head>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值