JQuery对象级插件问题

发布网友发布时间：2022-04-21 21:39

共3个回答

热心网友时间：2022-04-21 23:09

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对象为多个元素的情况，插件内部需要遍历每个元素，并为每个元素执行对应的操作

热心网友时间：2022-04-22 00:27

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

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

热心网友时间：2022-04-22 02:01

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