我试图弄清楚下面的javascript及其作用答案

【问题标题】：I am trying to figure out below javascript and what it does我试图弄清楚下面的javascript及其作用
【发布时间】：2018-01-25 05:03:49
【问题描述】：

我试图弄清楚下面的脚本及其作用。

任何帮助都被挪用了

$(document).ready(function(){
    console.log('Hello World!');
});

【问题讨论】：

你查过文档吗？
提示：它使用的是 jQuery。
打印“Hello World！”当document 使用jQuery 完成加载时到console。
感谢@vox，这就是我的想法，但不确定
您阅读了有关其作用的 api 文档但不确定其作用？

标签： javascript jquery

【解决方案1】：

所以让我们逐个回顾一下。

$ 通常是对 jQuery (https://jquery.com/) 的引用，它是一个包含许多非常有用的 JavaScript 函数和东西的库。

$(document)

这就是所谓的jQuery selector。本质上，它会定位您放入其中的任何内容，并将其包装在一个jQuery 对象中，让您可以在其上调用各种函数。在这种情况下，它会包装整个文档。

$(document).ready

ready 函数注册了一个jQuery 事件处理程序，该处理程序将在元素（在本例中为文档，我不确定它是否可以添加到其他元素）完成加载时触发。在这种情况下，您传递给它的回调函数将在整个网页加载并准备好开始处理后立即运行。如果您不这样做，您的 JavaScript 将在解析时立即执行，如果您的所有 DOM 都没有准备好，这可能会导致问题。

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

这声明了一个anonymous function，它作为ready 函数的第一个参数传入。一旦文档准备好（一旦ready 事件被触发），函数的内容就会运行。

console.log('Hello World!');

这会将文本Hello World! 输出到控制台。如果是浏览器，它将显示在浏览器控制台中。

$(document).ready(function(){
    console.log('Hello World!');
});

因此，当 DOM 或网页完成加载并准备好执行时，此代码会将文本 Hello World! 打印到浏览器控制台。

【讨论】：

当 DOM 加载时，我见过的最深入的答案是简单的console.log。

【解决方案2】：

您可以阅读解释here。

从那个网站：

在文档“准备就绪”之前，无法安全地操作页面。 jQuery 会为您检测到这种准备状态。包含在 $( document ).ready() 中的代码只会在页面文档对象模型 (DOM) 准备好执行 JavaScript 代码时运行。

【讨论】：