在ready而不是call函数上使用jquery有什么好处

Question

使用$(document).ready(my_function)而不是在我的html脚本底部调用my_function()有什么好处？

Answer 1

他们都做同样的事情。

$(document).ready(function() { // code });允许您在调用页面onload函数后运行javascript。这与在DOM加载后通过在HTML结束时调用它来运行它相同。

Answer 2

只有将功能放在页面的最底部，才有优势。但是，您通常希望选择将代码放在您喜欢的位置。 $(document).ready()为您提供了这个选择（实际上是底层的javascript）。

此外，对于其他程序员来说，在页面加载时必须立即执行此函数似乎并不明显，并且可能因此在不知情的情况下将函数重构到其他地方。通过使用文档就绪事件，您可以使代码更加明确，即“只要文档加载就需要运行这段代码”。