document.ready是如何工作的

在jQuery中，document.ready函数是用来确保文档加载完成后再执行特定的代码。它可以确保在DOM完全加载后再执行JavaScript代码，而不是等待整个页面（包括图片、样式表等）加载完成后再执行。

当文档加载完成后，jQuery会触发一个"ready"事件，document.ready函数会监听这个事件，并在文档加载完成后执行用户定义的回调函数。

具体来说，document.ready函数将在页面中的DOM元素都加载完成后执行，以确保代码可以操作所有需要的元素。这样可以避免在文档还在加载过程中就执行代码导致找不到元素或操作不成功的问题。