javascript - 为什么在 jQuery 中使用 document.ready

标签 javascript jquery

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

最佳答案

在文档“准备好”之前,无法安全地操作页面。 通常人们会写 <script>文档开头的标签,在 <head> 中甚至在 <body> 之前是写的。所以,从技术上讲,如果你正在操纵来自 <body> 的东西内容,它在执行时不存在

所以,jQuery 的 $( document ).ready()在将所有元素渲染到 window 之后,等待 HTML 文档内容完全加载并准备就绪object 或者简而言之,完成 body 的加载。

然后,一旦 HTML 文档完全加载,代码中出现的任何内容都会被执行,这将确保在您执行 JS 代码时每个 HTML 元素都出现。

checkout :

关于绑定(bind)两个就绪的处理程序,为什么需要两个?您可以将代码合并到一个函数中。你必须给出一个最小代码来解释。我假设你有这样的东西:

$( 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...
});

关于javascript - 为什么在 jQuery 中使用 document.ready,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30753333/

相关文章:

javascript - 使用 JavaScript 更改输入框

javascript - 使用可通过 rowspan 和 colspan 排序的 Jquery 在 2 个表之间拖放

javascript - 为 jquery 获取高度标签 html5 <embed>

javascript - 我试图从 sx :autocompleter in order to reset the value using javascript depending upon some conditions 获取值

javascript - 每次迭代创建唯一的 id,然后指定单击时的行为

javascript - YouTube API 凭据 - 未捕获的 TypeError : Cannot read property '0' of undefined

javascript - 为什么三元运算符中的这个逗号会在 JavaScript 中引发语法错误?

javascript - 窗口大小改变时如何防止div重叠?

javascript - 最新产品上的 opencart jcarousel

javascript - 在javascript代码中将字符串分成多行