jquery - 为什么简单的 fn.extend 不起作用？

Question

我确信这很简单，但我错过了 - 为什么 <script> 中的以下内容标签不起作用并弹出警报？

jQuery.fn.extend({
    sayHi: function () {
        alert('hello!');
    }
});

$(document).ready(function () {
    jQuery.sayHi();
});

Answer 1

因为您设置了jQuery.fn.sayHi，而不是jQuery.sayHi(这是未定义，因此您会收到运行时错误)。

您在 jQuery.fn 上设置的方法仅适用于选择(jQuery 对象)，不适用于 jQuery 函数。

jQuery('body').sayHi(); 可以工作。

有关插件开发的更多信息，请参阅http://learn.jquery.com/plugins/basic-plugin-creation/ .