（jquery$.fn）

jQuery中$.each()函数的用法引申实例？

jQuery中的$.each()函数比forEach更加强大,可以用来遍历JavaScript中的任意集合,借来下来我们会举几个jQuery中$.each()函数的用法引申实例,首先先来回顾一下遍历用法的基础:

$.each( collection, callback(indexInArray, valueOfElement) )

值得一提的是，forEach 可以很方便的遍历数组和 NodeList ，jQuery 中的 jQuery 对象本身已经部署了这类遍历方法，而在原生 JavaScript 中则可以使用 forEach 方法，但是 IE 并不支持，因此我们可以手动把 forEach 方法部署到数组和 NodeList 中:

if ( !Array.prototype.forEach ){

Array.prototype.forEach = function(fn, scope) {

for( var i = 0, len = this.length; i < len; ++i) {

fn.call(scope, this[i], i, this);

}

}

}

// 部署完毕后 IE 也可以使用 forEach 了

document.getElementsByTagName('p').forEach(function(e){

e.className = 'inner';

});

而jQuery中的$.each()函数则更加强大。$.each()函数和$(selector).each()不一样。$.each()函数可以用来遍历任何一个集合，不管是一个JavaScript对象或者是一个数组，如果是一个数组的话，回调函数每次传递一个数组的下标和这个下标所对应的数组的值（这个值也可以在函数体中通过this关键字获取，但是JavaScript通常会把this这个值当作一个对象即使他只是一个简单的字符串或者是一个数字），这个函数返回所遍历的对象，也就是这个函数的第一个参数，注意这里还是原来的那个数组，这是和map的区别。

其中collection代表目标数组，callback代表回调函数（自己定义），回调函数的参数第一个是数组的下标，第二个是数组的元素。当然我们也可以给回调函数只设定一个参数，这个参数一定是下标，而没有参数也是可以的。

如何正确阅读jquery源码和jquery插件源码？

我刚好这个月在看jquery源码，目前看了差不多多半了吧；刚开始的时候，看起来确实很吃力，在这，我推荐你可以在百度去搜索jquey源码，里面有很多详细说明jquery源码的博客系列文章，找一个完整版本，跟随他们一起，慢慢去看，不要心急，也不要被最开始的困难而吓倒，只要你慢慢去看，后面会越来越顺利，而且你会学到很多以前不知道或者很少想到的东西；

上面啰嗦了几句，在这，先解决楼主问题；如何才能更快的定位函数的实现代码；要解决这个问题，首先必须明白jquery对象api的函数其实分为两大类，第一类是全局方法，如“$.ajax”、"$.data"、"$.Callbacks"、“$.attr”等；第二类是元素对象上的方法，如"$('#test').attr"、"$('#test').find"；而且由上可以发现，可能两类中有相同方法名的方法，如上面的“$.attr”与"$('#test').attr"，如果通过去查找attr的方法，不一定能够精确定位到；

其实仔细看源码可以发现，所有全局方法都是通过“jQuery.extend({ })”的方式绑定上去的；如"$.ajax"则通过下图方式添加的

而第二类元素对象上的方法则通过“jQuery.fn.extend({ })”的方式添加到元素上以供调用的，如下图；

所以，如果你需要很快的定位一个api方法的源码位置，你可以直接通过在源码中搜索需要搜索的方法名，如“attr:”，然后根据是“jQuery.fn.extend” 还是 “jQuery.extend” 去确定是全局的方法还是元素上的方法，就可以精确定位源码位置；

还有一种方式，去github上面，克隆下jquery源码，在其src文件夹里面，有每个大功能对应的文件夹及js代码，这样你就可以通过分析方法属于哪类里面的方法，然后去找对应文件代码即可，如下图，如果需要找“$.attr”方法，则只需要看“attributes”文件夹，里面有attr.js；然后在js代码里面，根据上面说的方法（根据是“jQuery.fn.extend” 还是 “jQuery.extend” ），去区分到底是全局的attr方法还是元素上面的attr方法的源代码即可；

阅读jquery源码确实是一件比较有挑战的事情，我看了下，相对比较难的是里面对元素查找部分，即sizzle方法，尤其里面使用闭包进行函数预编译部分；在这就不深入说明；但是，当你真正的阅读完了里面的代码后，一定会让你收获颇丰，希望能够坚持下去；