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

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

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

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

Answer 1

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

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

Answer 2

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

Answer 3

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

因此，在开始向其添加内容之前，请说“等待页面完成加载，因此我想要更改的所有元素都在那里”。