jQuery中实现each()

在jQuery中,each()方法非常常见。它分为两种:

1、静态方法:jQuery.each(obj, callback, args);

2、为jQuery对象服务的:$(selector).each(callback, args)

其中2是调用1实现了:

return jQuery.each(this, callback, args);

言归正传,我们先从each()的三个参数入手:

1、obj:当前执行的对象。一般是遍历对象内的其中一项。

2、callback:callback需要两个参数:1)index,即当前函数在遍历对象中的索引;2)element:即当前对象。

3、args:可选项,如果有,则直接替换callback函数所需的参数,直接传入到callback中。

因此,针对args的存在与否,我们划分为两个情况,进行处理。

同时,遍历的对象也有数组与非数组之分。针对数组,我们可以直接使用for + array.length直接遍历整个数组;而针对非数组(不可用number来定位每一项),我们则使用for-in的方式来遍历。

所以,得出了如下的代码:

jQuery.each = function(obj, fn, args){
	if(args){
		if(obj.length == undefined){
			for(var i in obj)
				fn.apply(obj, args);
		}else{
			for(var i = 0, ol = obj.length; i < ol; i++){
				if(fn.apply(obj, args) === false)
					break;
			}
		}
	}else{
		if(obj.length == undefined){
			for(var i in obj){
				fn.call(obj[i], i, obj[i]);
			}
		}else{
			for(var i = 0, ol = obj.length; i < ol; i++){
				if(fn.call(obj[i], i, obj[i]);
			}
		}
	}
}

                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值