jQuery。使用单个 $ 调用自定义函数

Question

(function ($) {
    $.fn.test = function () {
        console.log('works');
    };
})(jQuery);

$(document).ready(function () {
    var var1 = $().test(); // works
    var var1 = $.test(); // error: $.test is not a function
});

是否可以这样调用$.test()？

Answer 1

您可以轻松扩展 jQuery 对象本身

(function ($) {
    $.test = function () {
        console.log('works');
    };
})(jQuery);

但请注意，此函数在 jQuery.fn(等于 jQuery.prototype)中不可用，因此，您无法访问 dom通过 this 在其中添加节点，您也不能在其他 jQuery 插件函数之后或之前链接该方法。

$().test() 起作用的原因是，jQuery 构造函数创建一个链接到 jQuery.fn 的新对象(原型(prototype).. )。