javascript - jQuery 插件创作

Question

知道为什么这个基本示例不起作用吗？

http://jsfiddle.net/Kq6pz/

(function( $ ){

  $.fn.testPlugin = function( options ) {  
        alert('hi');
  };
})( jQuery );

$.testPlugin();

Answer 1

因为您将插件添加到 fn 命名空间而不是 $ 命名空间。所以 $().testPlugin() 会工作，但 $.testPlugin() 不会。

如果你想污染 $ 命名空间，你可以这样做:

(function( $ ){

  $.testPlugin = function( options ) {  
        alert('hi');
  };
})( jQuery );

$.testPlugin();

我遵循的经验法则是:当它与 DOM 无关(如 ajax)时使用 $.，当它对元素进行操作时使用 $.fn.用选择器抓取(如 DOM/XML 元素)。