jQuery中ready和load的区别
ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来，JS代码一样可以执行。
load事件必须等到网页中所有内容全部加载完毕之后才被执行。
如果一个网页中有大量的图片的话，则就会出现这种情况：网页文档已经呈现出来，但由于网页数据还没有完全加载完毕，导致load事件不能够即时被触发。
其实如果页面中要是没有图片之类的媒体文件的话ready与load是差不多的，但是页面中有文件就不一样了，所以还是推荐在工作中用ready。
document和ready的区别
在Web开发中，"document" 和 "ready" 是两个常用的概念，通常与JavaScript和jQuery库一起使用。它们用于确保页面加载后执行特定的代码。以下是它们的区别：
1. **document**：
- **document对象** 是指整个HTML文档的表示，包括页面的内容、结构和样式。
- JavaScript中，"document" 用于访问和操作页面上的HTML元素和属性。
- 例如，您可以使用 "document.getElementById('elementId')" 来获取页面上具有特定ID的元素。
- 与文档对象交互的代码通常在页面加载时运行，因此可能需要等待整个文档完全加载才能执行。
2. **ready**：
- "ready" 通常是指文档对象加载完成，并且可以安全地执行JavaScript代码的状态。
- 在jQuery中，常用的方法是 "$.ready()"，它表示文档已准备就绪，可以执行代码。
- 在原生JavaScript中，可以使用事件监听器或 "DOMContentLoaded" 事件来达到类似的效果，以确保代码在文档准备就绪后执行。
- 这种机制使得页面加载的同时可以执行一些初始化操作，而不需要等待所有资源（如图像、样式表）加载完毕。
总的来说，"document" 是表示整个HTML文档的对象，用于访问和操作文档内容，而 "ready" 是一种状态或事件，用于确保文档加载完成后执行JavaScript代码，以避免在文档尚未完全加载时访问和操作DOM元素，从而提高用户体验。 jQuery和原生JavaScript都提供了方法来处理这个 "ready" 状态。
“document”和“ready”是两个不同含义的英语单词，它们在词性、意思和用法上存在区别：
1. 词性： “document”是一个名词、动词，主要用作名词、动词，意思为“文件”、“公文”、“文献”、“证件”、“单据”等。而“ready”是一个形容词、副词、名词、动词，作形容词时意为“准备就绪的；（东西）事先准备好的；愿意做某事的；渴望的；有可能的；易得的；迅速的”，作副词时意为“已做完”，作名词时意为“（美）雷迪（人名），（非正式）现钱”，作动词时意为“（使）准备好”。
2. 用法：“document”常常用来指代某种形式的文件或文献，例如“The document bore her signature”（文件上有她的签字）。而“ready”则更多的用作形容词，表示某物已经准备好或者已经完成的状态，例如“This document has been proofread”（这份文件校对过没有？）。同时，“ready”也可以用作副词，表示动作已经完成，例如“Press Exit to return to your document”（按“退出”键返回到你的文档）。
总的来说，“document”和“ready”都有各自的独特词性和用法，区别明显。