每次执行jquery时都必须编写ready函数吗？

Question

每次都必须写$(document).ready(function () {... })吗？ 没有这一行，我们不能这样做吗？

Answer 1

$(document).ready确保文档准备就绪（即完全加载）时代码运行。 如果不需要与文档进行交互，则不需要此。 如果将Javascript放在文档的末尾，则可能也不需要它。 您应该将代码放入function () { } ，无论哪种方式都可以对其进行命名空间。

Answer 2

将您的代码放置在此函数内的原因是，一旦DOM加载，它将被调用-意味着所有元素都可以访问。 如果不使用此功能调用jQuery选择器，则意味着这些元素不一定已加载到DOM中并且可能无法访问（并且您会看到奇怪的结果，或者从代码中什么也看不到）。

因此，从本质上讲，是的，这是必要的。

Answer 3

$（document）.ready表示一旦准备好（加载）所有文档，该框内的代码将被执行。 它被认为是安全的编程，但不是强制性的。

例如，您在脚本标签do_something（）中调用了一个函数； 并且此函数位于尚未加载的js文件中，那么您将收到javascript错误。

如果你把这样的功能

$(document).ready(function () {
    do_something();
});

您要确保在调用函数时，所有js文件都将存储在服务器中。

Answer 4

如果您不使用该行，而仅将javascript包含在您的正文中，则它将在加载后立即执行。 如果它试图对尚未加载的DOM元素执行操作，则会发生无法预料的结果。

Answer 5

加载页面内容后，将运行jQuery的ready（）函数。 这与使用<body onload="function1();function2();">相对等效

如果要在页面加载完成后调用多个函数，可以执行以下操作：

$(document).ready(function() {
  function1();
  function2();
});

为了使用javascript，您必须在某个地方调用它。 这可以在正文“ onload”，jQuery的ready（）函数或事件（如鼠标单击事件）中。

Answer 6

不，您不必总是这样做。 仅当您要确保在浏览器中显示页面之前要加载ready函数中的所有内容时，才使用它。 如果您不希望在页面加载之前先加载脚本，则可以将脚本放在页面末尾的结束body标签之前。

另外，作为$(document).ready(function ()的快捷方式，您可以执行$(function()