jquery each函数

本文详细介绍了jQuery中的$.each()函数的用法,包括其参数、委托类型、执行流程以及实例应用。
each的委托类型
$.each=function(object,callback[,args])
      遍例object对象或数组,以每一项作为上下文来执行一个方法。
$("*").each=function(callback[,args])
      以每一个匹配的元素作为上下文来执行一个方法。
说明
在callback中可以直接使用this指针引用数组或是对象的子元素。
当callback返回false时遍例结束。(就像在普通的循环中使用'break')
执行$("*").each(function(name,object){})就相当于执行$.each($("*"),function(name,object){})。
例子
<ul id="ul_listOne">
   <li>rowOne</li>
   <li>rowTwe</li>
</ul>
<ul id="ul_listTwo">
   <li>rowOne</li>
   <li>rowTwe</li>
</ul>

<script type="text/javascript">
$("#ul_listOne li").each(
   function(name,object)
   {
      $(this).html(name+"、"+$(object).html());
   }
);
$.each(
   $("#ul_listTwo li"),
   function(name,object)
   {
      $(this).html(name+"、"+$(object).html());
   }
);
var list=["one", "two"];
$.each(
   list,
   function (name,object)
   {
      alert(name+":"+object);
   }
);
</script>
参数callback的委托类型
当args不存在:
   callback的委托类型为callback(name,object)。
当args存在:
   callback的委托类型为callback([arg1[, arg2[, [,.argN]]]]])(注:arg1, arg2, , argN 是由args参数数组对应的参数序列)。
例子
<script type="text/javascript">
var list=["one", "two"];
$.each(
list,
   function (name,object)
   {
      alert(name+":"+object);
   }
);
$.each(
   list,
   function (arg1,arg2,arg3)
   {
      alert(this+":"+arg1+","+arg2+","+arg3);
   },
   ["a","b","c"]
);
</script>
callback(name,object)方法的name参数
当each的参数object为数组时,传递给name的值是数组中的索引,从零开始。
当each的参数object为对象时,传递给name的值是对象的属性名。
例子
<script type="text/javascript">
var list=["one", "two"];
$.each(
   list,
   function (name,object)
   {
      alert(name+":"+object);
   }
);
var computer={CPU:"6核",RAM:"6G",HDD:"1T"};
$.each(
   computer,
   function (name,object)
   {
      alert(name+":"+object);
   }
);
</script>

转载于:https://www.cnblogs.com/suzh/archive/2011/04/29/2032517.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值