javascript - 在 DOMReady 之前调用 jQuery 方法是否安全？

Question

我们有一个项目，其中 jQuery 连接到我们的主要 javascript 应用程序 JS 文件中，我想知道在 DOMReady 之前调用 jQuery 方法是否安全？

我看到很多网站建议在 DOMReady 之后触发你的 jQuery javascript，例如:

$(function(){
  $.each(myObject, function(index, val) {
    ...
  });
});

但是，这似乎会延迟脚本执行，有时会导致其他应用程序功能出现问题。由于 jQuery 已经包含在同一个 JS 文件中(在顶部)，在不等待 DOMReady 的情况下触发 jQuery 方法是否不安全？

$.each(myObject, function(index, val) {
  ...
});

在我的测试中，它工作正常，但我只是想确保我不会被浏览器随机性所左右。我假设可以运行 jQuery 方法，只要它低于 jQuery 定义，并且只要它不是与 DOM 相关的事件。感谢您的任何输入。

Answer 1

您可以在 DOMReady 之前进行任何 jQuery 调用。要记住的一件事是，如果您引用 DOM 元素，则执行的代码将仅应用于 DOM 中已经存在的元素。

例如:

<div class="item">

</div>
<script>
    console.log(jQuery('.item').length); // It will output 1
</script>
<div class="item">

</div>
<script>
    console.log(jQuery('.item').length); // It will output 2
</script>

使用 DOMReady 事件进行初始化只是一种确保所有元素都存在于 DOM 中的做法。