在jQuery中說文檔準備的不同方式？

Question

難道這些都同樣的事情，即說文件準備的方式：

$(function() { 
    // 
}); 

和

$(function($) { 
    // 
})(jQuery); 

還是有兩者之間的區別，如果這樣的話時，我應該使用哪一個？

Answer 1

第一個是.ready()的快捷方式。

第二個簡單無效，因爲你試圖調用一個不可調用的對象。

你大概意思是：

// v--------no $ at the beginning 
    (function($) { 

     // simply a new lexical environment with a 
     //  local $ parameter pointing to jQuery 

    })(jQuery); 

...雖然它無關，與DOM準備。

有你的第一個例子中的變化，結合了兩個：

jQuery(function($) { 

    // DOM ready, and creates a local $ parameter pointing to jQuery 

}); 

Answer 2

他們都是不一樣的。

第一個代碼塊用於執行文檔準備就緒的功能，當我們想要立即執行代碼塊而不需要等待代碼的其餘部分加載時使用第二個代碼塊。但是你的代碼的第二部分存在一些錯誤。它應該如下。

(function($) { 
    // 
})(jQuery); 

Answer 3

這一個是不正確的：

$(function($) { 
    // 
})(jQuery); 

你傳遞一個函數來$(...)，然後調用結果。但是，$(...)的結果是一個jQuery對象，它不是一個函數。你可能會更好地看到它是這樣的：

$(

    function($) { 
     // 
    } 

) 

(jQuery); 

一般來說，有三種版本的document.ready，這些都是彼此相等：

$(function() {...}); 

$(document).ready(function() {...}); 

$().ready(function() {...});