javascript - $(document).ready 什么时候用？

Question

我注意到 $(document).ready(..)导致应用 javascript 效果明显延迟。但是我也明白，只是在 <script> 中产生效果不能总是工作，因为 DOM 可能还没有准备好。

什么时候应该始终将代码放在 $(document).ready 中？什么时候可以将其带入全局 <script>标签？

Answer 1

对于何时应该和不应该使用它没有固定的规则。答案在于您的代码是否需要遍历执行时不存在的 DOM 部分。如果您需要通过 ID 查找元素，您可以使用它让 DOM 在代码执行之前构建。如果您不关心 DOM，则无需使用它。

另一种方法是将脚本标签移动到 body 标签的底部，以便它们在 DOM 加载后执行。这两种方式都没有主要的优势/劣势，但它确实使您的代码更难组织，而使用 $(document).ready() 允许您将 javascript 保留在页面的头部，即使它需要最后执行。