(function($){...})(jQuery)是什麼意思

這裏其實是匿名函數

function(arg){...}
這就定義了一個匿名函數,參數爲arg

而調用函數 時,是在函數後面寫上括號和實參的,因爲操做符的優先級,函數自己也須要用括號,即:
(function(arg){...})(param)
這 就至關於定義了一個參數爲arg的匿名函數,而且將param做爲參數來調用這個匿名函數

而(function($){...}) (jQuery)則是同樣的,之因此只在形參使用$,是爲了避免與其餘庫衝突,因此實參用jQuery

**************************************************************************
其實就等於
var fn = function($){....};
fn(jQuery);

其實能夠這麼理解,不過要注意的是fn是不存在的
那個函數直接定義,而後就運行了。就「壓縮」成下面的樣子了
(function($){...})(jQuery) 
**************************************************************************
簡單理解是(function($){...})(jQuery)用來定義一些須要預先定義好的函數
$(function(){ })則是用來在DOM加載完成以後運行\執行那些預行定義好的函數.
**************************************************************************

開發jQuery插件時總結的一些經驗分享一下。 
1、先看 

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

}); 

意義爲在DOM加載完畢後執行了ready()方法。 
2、再看 

(function(){ 

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

3、總結 

jQuery(function(){ });用於存放操做DOM對象的代碼,執行其中代碼時DOM對象已存在。不可用於存放開發插件的代碼,因 爲jQuery對象沒有獲得傳遞,外部經過jQuery.method也調用不了其中的方法(函數)。 
(function(){ })(jQuery);用於存放開發插件的代碼,執行其中代碼時DOM不必定存在,因此直接自動執行DOM操做的代碼 請當心使用。函數

相關文章
相關標籤/搜索