jQuery 页面加载

Question

我看到人们在 jQuery 中使用所有这些不同的技术。我知道第二种技术将在页面加载时运行。但是第一个和第三个函数什么时候会触发呢？第三种技术是在插件中使用以避免冲突，对吧？但这肯定会在页面加载之前触发吗？我还添加了第四种技术。我想知道什么时候你应该/不应该使用每种技术。如果其中任何一个是假的，请告诉我!

第一

(function($) {

})(jQuery);

第二

$(document).ready(function(){

});

第三

$(function(){

}());

第四

jQuery(function($) { 

}); 

第五

(function(){

})();

Answer 1

更新他更改了问题中的通话列表，因此我正在更新以匹配。

第一个是避免与可能分配 $ 的其他库发生冲突的 hack。它不是一个就绪处理程序。第二个和第三个是ready事件处理程序。

来自the jQuery API reference :

All three of the following syntaxes are equivalent:

• $(document).ready(handler)
• $().ready(handler) (this is not recommended)
• $(handler)

因此，尽管这三个做同样的事情，但要避免第二个。

在 jQuery 1.3 中，$() 等于 $(document)。 This is no longer true in 1.4 .

第四个对我来说看起来像是一个语法错误。它本质上分配了一个新的就绪处理程序，但它传递了一个带有名为 $ 参数的函数。由于这是一个事件处理程序，jQuery 将在第一个参数中传递事件信息。您通常不希望 $ 代表事件信息。

第五个定义了一个新函数，然后立即调用它，不传递任何参数。所以这个:

(function(){
    alert("Hi!");
})();

意思与此相同:

alert("Hi!");