Last updated 2 months ago
只要透過 $.fn 就可以寫一個基於 jquery 專用外掛。
$.fn
先參考 IIFE(Immediately Invoked Function Expression) 範例：
(function(a){ alert(a); })(5);
步驟一：在 IIFE 裡面寫
(function(){ // code here... })();
步驟二：在 IIFE 裡代入 jQuery 參數，這是為了避免跟其它函式庫有命名上的衝突，jQuery 代入，由 $ 變數承接：
$
(function($){ // code here... })(jQuery);
步驟三：在 $.fn 繼續撰寫基於 jQuery 相關的自訂程式，並回傳 jQuery 物件
(function($){ $.fn.printMessage = function(params){ // 其它原始碼... return this; }; })(jQuery);
將函式掛載在 jQuery 函式庫當中。
參考作法：