为什么将代码包装成'文档就绪'

Question

我是Jquery的新手。请参阅http://w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_p上的示例。在这里，单击“单击我”按钮更改文本。我的问题是为什么以下代码需要包含在$(document).ready(function(){ )}下。否则，它不起作用。

非常感谢你的帮助，非常感谢。

$("button").click(function(){
    $("p").hide();
  });

Answer 1

它确保在尝试访问它们之前加载所有DOM元素

Answer 2

是的，如果您没有将此代码包装在$(document).ready()处理程序中，则对象将不存在，因为未加载DOM。

这是一个简单的测试，用于在调用元素上的方法之前确保DOM已准备就绪。

Answer 3

如果你不包装它，它可能找不到你的元素。首先需要构建页面，然后您可以查找某些元素来添加一些功能。

所以你说“等待页面完成加载，所以我想要更改的所有元素都在那里”，然后才开始向它们添加内容。