Jquery中的$(document).ready()详解

$(document).ready()是jQuery中一个常用的函数，用于在文档加载完成后执行一些操作。

当浏览器正在加载页面时，它是按照从上到下的顺序解析HTML文档的。当解析到标签时，浏览器会停止解析HTML，开始加载和执行脚本，然后再继续解析HTML。因此，如果将JavaScript代码放在标签中，可能会导致脚本执行时，DOM元素还没有被完全解析，从而无法正确获取元素。

$(document).ready()函数就是解决这个问题的。它的作用是等待整个HTML文档加载完成，并在DOM树完全就绪后执行指定的函数。

$(document).ready()函数有多种调用方式：

1. $(document).ready(function(){})：传递一个匿名函数作为参数，当DOM树完全就绪时，这个函数会被执行。

2. $(function(){})：与上述方式相同，只是省略了document对象，直接调用$(function(){})

3. $(document).on(‘ready’, function(){})：使用.on()方法监听’ready’事件，并在事件触发时执行指定的函数。

4. $(window).on(‘load’, function(){})：使用.on()方法监听’load’事件，并在整个页面及其所有资源加载完毕后执行指定的函数。

需要注意的是，$(document).ready()函数只在页面加载完成后执行一次。如果使用Ajax等方式加载了新的内容，需要重新执行代码，可以考虑使用其他监听事件，如$(document).on(‘click’, function(){})

总结：$(document).ready()函数是jQuery中用于在DOM树完全就绪后执行指定函数的方法，可以确保JavaScript代码操作DOM元素时，元素已经被正确解析。