jquery - 如何在 jquery 插件中使用“return this”？

Question

当我们使用 return this 时，从下面的代码 1 和代码 2 中哪一个是正确的？

代码1：

   $.fn.greenify = function() {
      $.each(function() {
        this.css( "color", "green" );
        return this;
      };
   };

代码2：

      $.fn.greenify = function() {
      $.each(function() {
        this.css( "color", "green" );
      };
      return this;
   };

score 1 · Accepted Answer

那将是：

$.fn.greenify = function() {
  return this.each(function() {
      $(this).css( "color", "green" );
  });
};

返回传递的集合以确保插件可以被链接。
另一方面，如果这就是您的插件所做的全部，则无需each

$.fn.greenify = function() {
     return this.css( "color", "green" );
};

score 0 · Accepted Answer

您可以返回结果.each()：

$.fn.greenify = function() {
   return this.each(function() {
     this.css( "color", "green" );
   };
};

请参阅插件教程页面上标题为“使用 each() 方法”的部分。

2 回答 2