空山莹语的网站
jquery的安装和引用指南
2025-02-09
编程
00
请注意，本文编写于 77 天前，最后修改于 69 天前，其中某些信息可能已经过时。

目录

1. 安装 jQuery
1.1 通过 CDN 引入（推荐）
1.2 下载 jQuery 并本地引入
1.3 使用 npm 安装（适用于 Node.js 项目）
2. 验证 jQuery 是否成功加载

jQuery 安装和引用指南

jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。

1. 安装 jQuery

1.1 通过 CDN 引入（推荐）

在 HTML 文件的 <head> 或 </body> 之前添加以下代码：

html
<!-- Google CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!-- 或者使用 jQuery 官方 CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

1.2 下载 jQuery 并本地引入

  1. 访问 jQuery 官网 下载 jquery-3.x.x.min.js。
  2. 将文件放入项目目录（如 js/ 文件夹）。
  3. 在 HTML 文件中添加引用：
html
<script src="js/jquery-3.x.x.min.js"></script>

1.3 使用 npm 安装（适用于 Node.js 项目）

sh
npm install jquery

然后在 JavaScript 文件中引入：

js
const $ = require('jquery');

2. 验证 jQuery 是否成功加载

在 HTML 文件的 <script> 中添加：

html
<script>
  $(document).ready(function() {
    alert('jQuery 加载成功！');
  });
</script>

如果弹出“jQuery 加载成功！”的提示框，则表示 jQuery 已正确引入。

注

如果有任何错误或需要改进，欢迎留言指正。