淺析jQuery(function(){})與(function(){})(jQuery)之間的區別

標籤：

本篇文章主要是對jQuery(function(){})與(function(){})(jQuery)之間的區別進行了介紹，需要的朋友可以過來參考下，希望對大家有所協助

 

 

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操作的代碼請小心使用。

 

淺析jQuery(function(){})與(function(){})(jQuery)之間的區別