javascript - 我应该如何初始化 jQuery？

Question

这个我看过(我也在用):

$(document).ready(function(){
   // do jQuery
})

还有这个(我最近试过了):

(function(){
   // do jQuery
})(jQuery)

两者都很好。

两者有什么区别(外观除外)？

用哪个比较合适？

Answer 1

您展示的第二个示例是一个自执行的匿名函数。您使用的每个单独的 JS 文件都可能会从中受益。它提供了一个私有(private)范围，其中您使用 var 关键字声明的所有内容仅保留在该范围内:

(function($){
   var special = "nice!";
})(jQuery);

alert(special); // would be undefined

第一个示例是 $(document).ready 的简写，它在 DOM 可以被操作时触发。

关于它的一些很酷的事情。首先，您可以在自执行函数中使用它:

(function($){
   $(function(){
      // Run on DOM ready
   });

   // Run right away
})(jQuery);

其次，如果您只需要准备好文档中的几行代码，您可以像这样组合私有(private)范围和 DOM 就绪函数:

jQuery(function($){
   // $ = jQuery regardless of what it means
   // outside this DOM ready function
});