如何在 jQuery 中的文档就绪事件上运行代码？

在 jQuery 中，我们可以使用 $(document).ready() 函数来确保 DOM 已经完全加载，然后再运行 JavaScript 代码。这样可以避免在页面尚未完全加载时就执行 JavaScript 代码，从而导致一些意外的错误发生。

以下是如何在 jQuery 中的文档就绪事件上运行代码的步骤：

1.在 HTML 页面中引入 jQuery 库。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2.在文档就绪事件上添加代码。

$(document).ready(function() {
    // 这里是要运行的代码
});

或者使用简写形式。

$(function() {
    // 这里是要运行的代码
});

你也可以使用箭头函数来代替传统的函数

$(document).ready(() => {
    // 这里是要运行的代码
});

注意，当使用多个文档就绪事件时，应该按顺序注册它们，以确保它们按顺序执行，如下所示：

$(document).ready(function() {
    // 这里是第一部分代码
});

$(document).ready(function() {
    // 这里是第二部分代码
});

以上就是在 jQuery 中的文档就绪事件上运行代码的基本方法。无论是需要绑定事件，修改 DOM 元素，还是通过 AJAX 请求进行数据通信，都应该在文档就绪事件上运行代码，以确保页面的正常运行。