首頁 >web前端 >js教程 >淺析jQuery(function(){})與(function(){})(jQuery)之間的差異_jquery

淺析jQuery(function(){})與(function(){})(jQuery)之間的差異_jquery

WBOY
WBOY原創
2016-05-16 17:04:40985瀏覽

Jquery是優秀的Javascrīpt框架。我們現在來討論下在 Jquery 中兩個頁面載入後執行的函數。

$(document).ready(function(){
  // 在這裡寫你的程式碼...
});在DOM載入完成時執行的程式碼

可以簡寫成

jQuery(function(){
});

(function($) {})(jQuery)什麼意思?
(function(){
})(jQuery);

其實是執行()(para)匿名方法,只不過是傳遞了jQuery物件。

相當於
function aa($){}
aa(jQuery)

是初始化jquery物件的慣用方法.

通俗點說就是在頁面加載完成後執行你需要的代碼.
不過這個東西,有的時候會使頁面跳動,很多JQUERY插件都是在加載完成後,才改變樣式的,頁面會有跳動或閃動的感覺.比如ui.tab這個插件,頁面元素一多,全部顯示出來了,它才形成TAB,很暈的說

(funtion(){})();立即執行函數;相當於先申明一個函數,宣告完後直接呼叫;

如果參數如:
(funtion(str){alert(str)})("output"));相當於:funtion OutPutFun(str){alert(str);};OutPutFun("output" );

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn