jquery - $.pluginName 和 $.fn.pluginName 有什么区别

Question

我经常看到以下两种模式。两者有什么区别？分别什么时候合适？

$.pluginName = function(){}

和

$.fn.pluginName = function(){}

Answer 1

非常简单:

$.fn.pluginName是一个可在所有 jQuery.init 上调用的函数* 对象。这对于使可链接函数与对象一起使用非常有用:

示例:

$.fn.foo = function(){...};

$('#bar').foo(); 

要继续链接对象，您需要返回另一个 jQuery.init对象(可以是原始对象，也可以是过滤后的对象):

$.fn.foo = function(){ return this; };

<小时/>

$.pluginName是一个可调用的函数 $.pluginName() 。这对于创建实用函数或存储特定插件的默认状态非常有用。

示例:

$.foo = function(){...};

bar = $.foo();

_{*jQuery 工厂函数( jQuery() 或 $() )实际上返回 new jQuery.init对象}