理解(function($) {})(jQuery);
此程式碼片段表示立即執行的匿名函數使用作為參數傳遞的jQuery 函式庫進行呼叫。由於各種原因,它在 jQuery 插件開發中常用。
函數呼叫語法
語法(function($) {})(jQuery);組成:
function($) {}
這定義了一個接受單一參數$.
(...)
(jQuery);
jQuery 函式庫作為參數傳遞給函數。
外掛程式開發使用(function($) {})( jQuery);
:在函數中,您可以定義外掛程式的方法、屬性和預設值。
插件結構變體
有多種方式建構 jQuery 插件,每個插件都有自己的優點和用例。問題中提供的範例突顯了不同的方法:
(function($) { $.fn.jPluginName = {...}; })(jQuery);
此方法在jQuery 原型上建立一個新方法,允許它使用jQuery 選擇器呼叫。
(function($) { $.jPluginName = {...}; })(jQuery);
此擴充功能直接為jQuery 物件新增屬性,類似$.ajax或$.post.
(function($){ //Attach this new method to jQuery $.fn.extend({ ... })})(jQuery);
此方法提供了最大的靈活性,允許在單一外掛程式中定義多個外掛程式屬性和方法object.
this 關鍵字用法**在某些情況下,在jQuery 外掛程式中使用this 可能無法如預期運作。這是因為 this 關鍵字引用函數呼叫的上下文。在類型 1 插件中,this
指的是 jQuery 元素,而在類型 2 插件中,它指的是 jQuery 物件本身。使用 Type 3 外掛程式可確保 this 始終引用 jQuery 元素。以上是為什麼在 jQuery 外掛開發中使用 `(function($) {})(jQuery);`?的詳細內容。更多資訊請關注PHP中文網其他相關文章!