📌  相关文章
📜  如何将jQuery添加到HTML(1)

📅  最后修改于: 2023-12-03 15:38:44.760000             🧑  作者: Mango

如何将 jQuery 添加到 HTML

jQuery 是一个快速、小巧并且功能丰富的 JavaScript 库，它能够帮助我们更方便地操作 HTML 页面中的文档元素、处理事件、实现动画等。在使用 jQuery 之前，我们需要先将它添加到我们要操作的 HTML 页面中。

第一种方式：使用 CDN 加载 jQuery

使用 CDN（Content Delivery Network，内容分发网络）加载 jQuery 是一种非常常见的方式。CDN 是放置在全球各地的服务器上的一组缓存，在用户访问网站时，由最近的 CDN 服务器提供网站的内容，这样可以加速网站的访问速度。

以下是使用 CDN 加载 jQuery 的步骤：

  1. 在 HTML 页面的 <head> 标签中添加如下代码片段：
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

这里的 src 属性指定了 jQuery 的 CDN 地址。

  1. 在你的 JavaScript 代码中使用 $ 符号来表示 jQuery 对象。比如：
$(document).ready(function() {
  // your jQuery code here
});

这里的 $ 符号实际上是 jQuery 对象的别名。

需要注意的是，网站中使用的 jQuery 版本应该与你的代码兼容，否则可能会出现问题。

第二种方式：下载并使用本地的 jQuery

如果你不想使用 CDN，也可以下载 jQuery 并在本地使用。

以下是使用本地 jQuery 的步骤：

  1. 在 jQuery 官网（https://jquery.com/）上下载 jQuery 的压缩版（压缩版的文件名以 .min.js 结尾），并将它保存到你的项目文件夹中。

  2. 在 HTML 页面中添加如下代码片段：

<script src="jquery.min.js"></script>

这里的 src 属性指定了 jQuery 文件的本地路径。

  1. 在你的 JavaScript 代码中使用 $ 符号来表示 jQuery 对象。比如：
$(document).ready(function() {
  // your jQuery code here
});

需要注意的是，在使用本地 jQuery 时，你需要确保 jQuery 文件的路径与你在 HTML 中引入它的路径一致。

到此为止，你已经学会了如何将 jQuery 添加到 HTML 页面中，可以开始编写更方便、更强大的 JavaScript 代码了！

以上就是本文的介绍，希望对你有所帮助。