为什么在jQuery中使用document.ready

Why document.ready is used in jQuery

本文关键字：document ready jQuery 为什么      更新时间：2023-09-26

$(document).ready()在jQuery中的确切用途是什么，我们可以在一个网页中有两个$(document).ready()吗？

在

文档"准备就绪"之前，无法安全地操作页面。通常，人们在文档的开头写入<script>标签，甚至在写入<body>之前就写在<head>中。因此，从技术上讲，如果您从<body>内容中操作某些内容，则在执行时不存在该内容。

因此，jQuery的$( document ).ready()等待HTML文档内容完全加载并准备就绪，将所有元素渲染到window对象中或简而言之，完成正文的加载。

然后，一旦 HTML 文档完全加载，就会执行代码中存在的任何内容，这可确保在执行 JS 代码时每个 HTML 元素都存在。

退房：

  • 我什么时候应该使用 jQuery 的 document.ready 函数？
  • 使用$( document ).ready() .

关于绑定两个准备好的处理程序，为什么需要两个？您可以将代码组合到单个函数中。您必须提供最少的代码来解释。我假设你有这样的东西：

$( document ).ready( function () {
    // Code block 1 start...
    alert( "First Function..." );
    // Code block 1 end...
});
$( document ).ready( function () {
    // Code block 2 start...
    alert( "Second Function..." );
    // Code block 2 end...
});
是

的，以上是可能的。此外，与上述没有区别

： 
$( document ).ready( function () {
    // Code block 1 start...
    alert( "First Function..." );
    // Code block 1 end...
    // Code block 2 start...
    alert( "Second Function..." );
    // Code block 2 end...
});

$（document）.ready（） 函数中的所有内容都将在加载 DOM 后和页面内容加载之前加载。

您应该使用此函数包装所有 javascript 代码，以确保代码仅在页面完全呈现时运行。没有它，您可能会遇到JavaScript找不到元素的错误，因为它们尚未呈现到页面。

是的，您可以在网页中多次使用它。

$(document).ready([...])仅在 HTML

文档完全加载时才用于执行 JS 代码，这可确保在执行 JS 代码时填充每个 HTML 元素。

您可以多次使用它。

在 Jquery 中使用 Document.ready

有时您需要脚本在页面加载时运行。但是，在执行脚本时可能有一些元素没有完全加载。为了安全运行，我们使用$(document).ready(function { /* to do here */})或速记$(function { /* to do here */});

我们可以在一个网页中有两个文档吗？

是的，您可以有多个。

相关文章：