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);






是初始化jquery對象的慣用方法..
 


通俗點說就是在頁面加載完成後執行你需要的代碼. 


不過這個東西,有的時候會使頁面跳動, 


 


(funtion(){})();立即執行函數;相當於先申明一個函數,聲明完後直接調用;如果參數如:
(funtion(str){alert(str)})("output"));相當於:funtion OutPutFun(str){alert(str);};OutPutFun("output");

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章