jquery延迟执行的原因是在早期的Web发展中，浏览器的JavaScript引擎还比较简陋，无法很好地解析和执行一些复杂的JavaScript代码，随着Web应用程序变得越来越复杂，jQuery等框架的出现解决了这个问题。同时，为了更好地保护页面内容，在页面加载时不希望用户看到DOM元素的闪烁或文档的其他误差。
本教程操作系统：Windows10系统、jQuery3.6.0版本、Dell G3电脑。
一、jQuery为什么要延迟执行？
在早期的Web发展中，浏览器的JavaScript引擎还比较简陋，无法很好地解析和执行一些复杂的JavaScript代码。随着Web应用程序变得越来越复杂，jQuery等框架的出现解决了这个问题。同时，为了更好地保护页面内容，在页面加载时不希望用户看到DOM元素的闪烁或文档的其他误差。使用 `$(document).ready()` 函数可以执行 DOM 操作以及其他操作。
二、有什么作用？
使用`$(document).ready()`函数，可以确保jQuery代码只会在DOM树构建完毕后再执行。也就是说，该函数保证了jQuery代码的执行时间点，而不会受到页面加载速度和事件触发时间的影响，从而使代码更加稳定可靠，避免了一些不必要的错误。
三、怎么做到？
为了实现 jQuery 的延迟执行，可以使用以下方法：
1. 将jQuery代码包裹在 `$(document).ready()` 函数中，例如：
```javascript
$(document).ready(function () {
// jQuery code goes here
});
```2. 或者，可以使用简写语法 `$()`，如下所示：
```javascript
$(function () {
// jQuery code goes here
});
```3. 另一种方式是使用 `defer` 属性延迟所有 JavaScript 的执行时间，确保首先完成 HTML 的解析，类似 `async`。但它们又有一些细微差别，比如先后顺序：
```html ```
在这种方式下，不建议使用ready函数
