javascript – jQuery的“标准”插件模式是否需要$(this)

2023年7月17日 206次阅读

我一直在遵循
standard创建jQuery插件的方式.特别是关于不污染fn命名空间的一点.但是,我遇到了一些奇怪的事情,它违反了它自己的“从不使用$(this)规则.

var methods = {
 init : function( options ) {

   return this.each(function(){

     var $this = $(this), //HERE
         data = $this.data('tooltip'),
         tooltip = $('<div />', {
           text : $this.attr('title')
         });

     // If the plugin hasn't been initialized yet
     if ( ! data ) {

       /*
         Do more setup stuff here
       */

       $(this).data('tooltip', {
           target : $this,
           tooltip : tooltip
       });

     }
   });
 },

在这种特殊情况下重新评估这一点至关重要吗？如果是这样,为什么？

最佳答案 是的.

在方法内部,这指的是用于调用插件的jQuery对象,但是您使用每个对象来遍历这些元素.在每个回调中,这引用了jQuery对象中的DOM元素,因此您需要为每个元素创建一个新的jQUery对象,以便在其上使用jQuery方法.

点赞