簡單談談jQuery(function(){})與(function(){})(jQuery)_jquery

開發jQuery外掛時總結的一些經驗分享一下。

一、先看
jQuery(function(){ });
全寫為
jQuery(document).ready(function(){ });

意義為在DOM載入完畢後執行了ready()方法。

二、再看
(function(){ })(jQuery)；
其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery物件。

(function($) {…})(jQuery);

這裡其實是匿名函數，如下：

function(arg){…}
這就定義了一個匿名函數，參數為arg

而呼叫函數時，是在函數後面寫上括號和實參的，由於運算子的優先權，函數本身也需要用括號，即：
(function(arg){…})(param)
這就相當於定義了一個參數為arg的匿名函數，並且將param作為參數來呼叫這個匿名函數

而(function($){…})(jQuery)則是一樣的，之所以只在形參使用$，是為了不與其他函式庫衝突，所以實參用jQuery
相當於funtion output(s){…};output(jQuery);或var fn=function(s){…};fn(jQuery);

$(function(){…});

或：

jQuery(function($) {
…
});

允許你綁定一個在DOM（不包含圖片）文件載入完成後執行的函數。這個函數的作用如同$(document).ready()一樣，只不過用這個函數時，需要把頁面中所有需要在 DOM 載入完成時執行的$()運算子都包裝到其中。從技術上來說，這個函數是可連結的——但真正以這種方式連結的情況並不多。

全寫是：
$(document).ready(function(){
…
});

三、總結

jQuery(function(){　});用於存放操作DOM物件的程式碼，執行其中程式碼時DOM物件已存在。不可用於存放開發插件的程式碼，因為jQuery物件沒有被傳遞，外​​部透過jQuery.method也呼叫不了其中的方法（函數）。
(function(){　})(jQuery)；用於存放開發外掛程式的程式碼，執行其中程式碼時DOM不一定存在，所以直接自動執行DOM操作的程式碼請小心使用。