jQuery(fn) 与在 body 之前执行代码之间的区别

使用文档就绪事件可能具有较小的性能缺陷 ,延迟执行最多约 300 毫秒。有时,在关闭 </body> 标记之前执行代码可以实现相同的行为:

<body>
  <span id="greeting"></span> world!
  <script>
    $("#greeting").text("Hello");
  </script>
</body>

将产生类似的行为,但执行速度比不等待文档就绪事件触发器更快,因为它在:

<head>
  <script>
    jQuery(function($) {
      $("#greeting").text("Hello");
    });
  </script>
</head>
<body>
  <span id="greeting"></span> world!
</body>

强调第一个示例依赖于你在关闭 </body> 标记之前,特别是在 span 标记之后对页面和脚本放置的了解。