📌  相关文章
📜  jquery doc ready - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:41.672000             🧑  作者: Mango

Jquery Doc Ready - Javascript

$(document).ready()是一个jQuery函数，它在文档加载完毕后执行其中的代码。它确保在尝试访问或操作页面元素之前文档已经完全加载。

用法
$(document).ready(function(){
  // 在文档加载完毕后执行的代码
});

在这个函数中你可以定义你想要执行在文档加载完成后的任何操作。

缩写

还有一种更短的写法，它是 $(function(){ })，与 $(document).ready(function(){ }) 是等效的。

示例
$(document).ready(function(){
  $("button").click(function(){
    $("p").toggle();
  });
});

在这个例子中，当用户点击按钮时，文档内的所有 <p> 元素都会切换显示和隐藏状态。 $(document).ready() 确保在实际上所有元素都被加载到DOM树里之后才执行JS代码。

注意事项

$(document).ready() 确保文档已经完全加载以后再执行其中的代码。如果你写的代码不需要等到该事件触发即可运行，你可以使用简写 $(function(){ }) 来代替。

结论

jQuery的 $(document).ready() 函数是确保在尝试访问或操作页面元素之前文档已经完全加载的好方法。 它与 <body onload="myFunction()"> 不同，因为它不需要等待整个页面的图片和Flash文件完全加载。