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元素)。

Answer 2

你需要一个选择器：

$(document).testPlugin();
$(window).testPlugin();

演示：http://jsfiddle.net/dirtyd77/Kq6pz/1/