jQuery不能立即工作[重复]

Question

我正在研究 Ruby on Rails，一个简单的 jQuery 不会在这样的元素上执行：

$("header").hide();

但是，如果我将它包装成一个函数并使用 document.ready 调用它，它会做正确的事情：

function myCode() {
    $("header").hide();
}

$(document).ready(myCode);

为什么它不能直接工作？我已经安装了 gem jquery-rails，甚至在 application.js 文件中有 //=required jquery.min.js。

感谢您的帮助！

Answer 1

如果文档尚未准备好，则 DOM 尚未构建。 header 元素在该代码运行时不存在，因此什么也没有发生。要执行 DOM 操作，您必须等到页面完全加载，即在$(document).ready。