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(); 

DEMO： http://jsfiddle.net/dirtyd77/Kq6pz/1/