Question

JQuery对象级插件问题

为什么许多插件在都会用到 return this.each(function(){}),这个是什么意思？？
为什么不直接 return function()，而是为什么用this.each？

Answer 1

jQuery是一种链式操作，如：
$(selector).click(func)
.css(key,value)
.attr(key,value)
为什么每次调用jquery方法后，可以直接 用 .+方法名进行下一次操作？如上的.css().attr, 这就是jquery插件遵循的原则，插件内部在实现功能后，都会返回当前操作对象：也就是 return jquery Object

为什么要用each?
有没有发现，如果jquery查询的对象结果为多个元素时，对结果执行jquery操作时，每个元素都会分别执行操作，
如 页面中有多个超链接，使用 $("a").click(function(){})绑定事件， 那么 程序会为每个搜索到的a绑定click事件，这时，在click内部实现时，就是使用 this.each 遍历所有a，然后逐个绑定事件

综上，插件内使用return 是jquery插件要遵循的规则，为了jquery的链式操作能进行；
this.each是应该jquery对象为多个元素的情况，插件内部需要遍历每个元素，并为每个元素执行对应的操作

Answer 2

因为你调用插件的时候都是
$(".myPlugin").plugin();

假设plugin方法是你的插件方法。
但是$(".myPlugin")中不仅仅选择了一个元素。因为class是myPlugin的元素可能有多个。
因此要用each。要把所有选中的元素都执行插件方法。然后返回。

Answer 3

因为jQuery对象的本质是数组，要完整的返回这个对象，而不是只返回一个。