📅 最后修改于: 2023-12-03 15:27:22.538000 🧑 作者: Mango
在网页开发中，jQuery 是一个广泛使用的 JavaScript 库，它可以让开发者更加方便地操作 HTML 文档、处理事件、执行动画等。在使用 jQuery 之前，我们需要先将其加载到网页中。通常，在代码中引入 jQuery 可以使用以下方法：
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
这里使用了 jsDelivr 提供的 CDN 加载 jQuery，这样可以避免将 jQuery 下载到本地服务器中，加快了网页的加载速度。当然，如果你有下载 jQuery 到本地的需求，也可以将其放置在本地目录中，然后使用以下方法引入：
<script src="path/to/jquery.min.js"></script>
在将 jQuery 加载到网页中之后，我们可以开始使用它提供的方法来操作 HTML 文档了。通常的做法是等待网页加载完毕后再执行 jQuery 代码，这可以通过监听 window 对象的 load 事件来实现：
$(window).on('load', function() {
// 此处写 jQuery 代码
});
需要注意的是，window 对象的 load 事件会等待网页中所有的资源（包括图片、脚本等）加载完毕后才会触发，所以如果你要在网页较早的阶段就使用 jQuery，可以使用 DOMContentLoaded 事件来代替 load 事件，该事件在 HTML 文档加载完毕后立即触发：
$(document).ready(function() {
// 此处写 jQuery 代码
});
这个事件也可以使用以下方法来简写：
$(function() {
// 此处写 jQuery 代码
});
这里需要注意的是，上面这些函数会在 jQuery 加载之后才可以使用，如果在加载之前就使用了它们，就会出现错误。因此，最好将这些 jQuery 相关的代码放在一个单独的 script 标签中，使其在 jQuery 加载之后再执行。下面是一个完整的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery 示例</title>
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script>
$(function() {
// 此处写 jQuery 代码
});
</script>
</head>
<body>
<!-- 此处省略 HTML 模板 -->
</body>
</html>
以上就是窗口加载 jQuery 的方法和使用建议，希望对你有所帮助。