理解jquery插件的框架

jquery是实际的参数。$是形式参数。你可以写:

(function(ForAFewDollarsLess){
    ForAFewDollarsLess('#myId') ...
})(jQuery);

一个原因是方便-它很短。您可能在noconflict模式下将jquery与其他库一起使用。也许打字 jQuery 所有的时间都是一个麻烦,或者其他插件正在遵循坏的实践和使用 $ 而不是 JQuery . 不管是哪种方式,您都可以使用像上面这样的自调用函数来解决问题。

你把化名传过去 $ 在函数中,以便它始终实际引用jquery。如果某个页面中包含一些其他库,例如prototype,它也使用 $ ,您的代码不会被破坏,并且可以正常工作。

为了最大限度地与其他库兼容,jquery还提供了 .noConflict() . 这将删除 $ 全局命名空间中的别名,以便其他库可以在需要时使用它。

如果你不想让你的插件和 .noconflict() 没必要。

使用闭包还可以不污染“全局范围” var 的

gnarf提出了vars的全球范围污染,我也会添加一些功能。

您可能需要使用帮助函数,如:

(function($){
  // Our code here...
  $.fn.myPluginFunction = function () {
    ...
    var x = foobalizeTheFrobmaster(this.offset())
    ...
  }

  function foobalizeTheFrobmaster(pos) {
    // do something useful
    return something;
  }
})(jQuery);

这样内部功能 foobalizeTheFrobmaster() 完全隐藏在我们的封闭中。