jquery页面加载履行的方式有哪几种

jQuery 提供了多种方式来控制页面加载时履行的代码。
1. `$(document).ready(function(){})`：页面 DOM 结构加载完成后履行，相当于 `DOMContentLoaded` 事件。在这个事件中履行的代码可以访问和操作 DOM 元素。
```javascript
$(document).ready(function(){
// 履行代码
});
```
2. `$(window).on('load', function(){})`：页面所有资源（包括图片和脚本）加载完成后履行，相当于 `load` 事件。在这个事件中履行的代码可以访问和操作 DOM 元素和其他资源。
```javascript
$(window).on('load', function(){
// 履行代码
});
```
3. `$(function(){})`：简化版的 `$(document).ready(function(){})`，用于简单的代码片断。在这个事件中履行的代码可以访问和操作 DOM 元素。
```javascript
$(function(){
// 履行代码
});
```
4. `defer` 属性：可以将 `
```
5. `async` 属性：可以将 `
```
需要注意的是，以上方式可以同时使用，但是建议使用其中一种方式来统一管理页面加载时履行的代码，以提高代码的可读性和保护性。