Question

我对jquery有疑问

为什么我们使用代码$(document).ready(function() { .... });？

开始时该代码的用途是什么。

之间有什么区别

alert (' .... ')

和

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

Answer 1

$（document）.ready的使用意味着你在该声明中写的任何内容都是在 AFTER 页面加载后执行的。

Answer 2

jquery文档指出在完全加载DOM时触发就绪事件，换句话说，当加载HTML文档（不包括图像，视频，外部源等）时。

如果您的jquery语句放在语句的中间，并且您在HTML头部声明了jQuery插件，请说。没有

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

当操作涉及在此语句之后放置的元素时，您可能会遇到麻烦，因为此命令将立即执行。

Answer 3

当您使用jQuery时，通常会发生以下情况：

您加载了一个静态HTML页面。
您使用js / jQuery操作该HTML页面。

通常，在开始使用jQuery更改之前，您希望静态HTML页面完成加载/初始化。在这个陈述中包装你的jQuery

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

确保在HTML页面显示“我已完成加载”之前，您的jQuery不会执行。你可以在这里阅读更多内容：

https://learn.jquery.com/using-jquery-core/document-ready/

Answer 4

$（文档） - 这里，document是一个选择器。我们也可以使用其他选择器（例如：类或ID选择器）。换句话说，我们可以从HTML页面中选择一个或多个元素 ready（function（） - 这里，ready指的是ready事件。它也可以被其他事件替换。
{部分代码; }）; - 这是指在上面指定的事件发生时将执行的代码。所以， $（document）.ready（function（）{some code;}）; 意味着里面的代码只会在整个网页（文档）完成加载（ready事件）时执行。

问题的下一部分，请考虑以下代码：
jQuery代码：

<script>
$(document).ready(function(){
    $("form").submit(function(){
        alert("Submitted");
    });
});
</script>

HTML代码：

<form action="other.html">
<input type="submit" value="Submit">
</form>

现在，只有当您单击“提交”按钮（在表单上执行提交事件）时，才会显示警告框。
现在考虑代码：

alert("Alert is displayed");

这将生成一个警报框，而不会被任何事件触发。在大多数情况下，您只需要在特定事件或条件下触发警报。

在jquery

4 个答案: