jquery each方法

最新推荐文章于 2022-04-12 19:11:59 发布

原创最新推荐文章于 2022-04-12 19:11:59 发布 · 316 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #each #object #null

技术文档专栏收录该内容

1 篇文章

订阅专栏

本文深入讲解了jQuery中each方法的工作原理及其内部实现机制。通过分析得知，each方法借助JavaScript的call和apply函数来改变方法调用上下文并传递参数。在遍历DOM元素时，this关键字指向当前遍历到的DOM节点，而传递给回调函数的参数则分别为当前索引和对应的DOM节点。

关键字: jquery each
稍微记下jquery each方法利用了js的call和apply进行方法调用，看下《js权威指南》中的call和apply的用法：
function.call(thisobj, args...)
24.84.1.1. Arguments
thisobj

The object on which function is to be invoked. In the body of the function, thisobj becomes the value of the this keyword. If this argument is null, the global object is used.

args...

Any number of arguments, which will be passed as arguments to function.

当我们使用$('..').each(function(){..})时，实际是进行的调用是
for(var i = i;i<$('..').length;i++){
var val = $('..')[i];
//function中的this指向val,传入的参数为$('..')的索引和索引处的值
function.call(val,i,val);
}