jQuery(function(){})與(function(){})(jQuery)的區別

開發jQuery外掛程式時總結的一些經驗分享一下。
一、先看

jQuery(function(){
});
全寫為
jQuery(document).ready(function(){
     
});

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

(function(){

})(jQuery)；
其實際上是執行()(para)匿名方法,只不過是傳遞了jQuery對象。

三、總結

jQuery(function(){　});用於存放操作DOM對象的代碼，執行其中代碼時DOM對象已存在。不可用於存放開發外掛程式的代碼，因為jQuery對象沒有得到傳遞，外部通過jQuery.method也調用不了其中的方法（函數）。

(function(){　})(jQuery)；用於存放開發外掛程式的代碼，執行其中代碼時DOM不一定存在，所以直接自動執行DOM操作的代碼請小心使用。

 

(function($){...})(jQuery)實際上是匿名函數，不懂得朋友可以繼續往下看。

這裡實際上是匿名函數 function(arg){...} 這就定義了一個匿名函數，參數為arg 而調用函數時，是在函數後面寫上括弧和實參的，由於操作符的優先順序，函數本身也需要用括弧，即： (function(arg){...})(param) 這就相當於定義了一個參數為arg的匿名函數，並且將param作為參數來調用這個匿名函數 而(function($){...})(jQuery)則是一樣的，之所以只在形參使用$，是為了不與其他庫衝突，所以實參用jQuery var fn = function($){....}; fn(jQuery);