📌  相关文章
📜  安装时的 jquery 链接 - Html (1)

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

安装时的 jQuery 链接 - HTML

在开发 HTML 页面时，经常需要使用 jQuery 库来进行 DOM 操作和事件处理等操作。在使用 jQuery 之前，需要先将其引入到 HTML 页面中。

引入 jQuery

有两种方式可以引入 jQuery 库：

1. 使用 CDN 引入

使用 CDN（内容分发网络）是最简单和推荐的方法，因为它可以加速文件加载速度并提高网站的性能。可以使用以下代码将 jQuery 引入到 HTML 页面中：

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

以上代码将从 jsDelivr CDN 加载 jQuery 3.6.0 版本。

2. 下载并引入本地文件

可以从 jQuery 官网下载并保存 jQuery 库文件到本地，然后在 HTML 页面中引入该文件。以下是一个例子：

<script src="./jquery-3.6.0.min.js"></script>
引入顺序

当在 HTML 页面中引入多个 JavaScript 文件时，引入顺序非常重要。一般来说，需要先引入 jQuery，然后再引入其他依赖于 jQuery 的插件和脚本。

以下是一个基本的示例，演示了 jQuery 引入顺序：

<!DOCTYPE html>
<html>
<head>
  <title>引入 jQuery</title>
  <!-- 引入 jQuery -->
  <script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
  <!-- 引入其他依赖 jQuery 的插件 -->
  <script src="./jquery-plugin.js"></script>
  <!-- 引入其他 JavaScript 脚本 -->
  <script src="./app.js"></script>
</head>
<body>
  <!-- HTML 代码 -->
</body>
</html>
总结

以上是在 HTML 页面中引入 jQuery 的两种方式。无论你选择哪种方式，都需要保证引入顺序正确，并且尽量使用最新版本的 jQuery，以提高页面性能和安全性。