如果您正在使用jQuery,那么您一定听说过document ready事件和onDocumentReady函数。这篇文章将帮助您更好的理解它们的作用,以及如何在自己的网页代码中使用它们。
在使用jQuery的过程中,通常需要等待页面完全加载完成后再执行代码,否则获取的元素可能并不存在。这时候就需要用到document ready事件。
具体来说,document ready事件是指当整个HTML文档在浏览器中完全加载并解析后,才会执行该事件所绑定的函数。因此,使用这个事件是确保页面元素都能正确加载的最保险的方式。
常用的绑定document ready事件的方式有两种。第一种是直接将函数作为参数传递给$()函数:
$().ready(function() { // do something });
另一种方法则是使用.on()函数,并将document作为参数:
$(document).on('ready', function() { // do something });
然而,在jQuery 3.0版本以后,.ready()
函数被取消了,取而代之是直接使用$(document).ready()
或者$(function(){ ... })
来绑定一个函数在文档加载完成后执行。这样就更简洁地实现了文档加载完成后的执行结果。
无论您是在旧版本还是新版本的jQuery中使用,这些绑定函数的效果都是一样的:确保在整个HTML文档完全被加载后再执行您的代码,从而避免元素还未加载完成时出现的问题。