jquery src

jQuery 引入方式

在网页中引入 jQuery 库有多种方式，以下是最常见的几种方法：

通过 CDN 引入
使用公共内容分发网络（CDN）加载 jQuery，优点是加载速度快且可能已被用户浏览器缓存：

<!-- 引入最新版本的 jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- 引入压缩版（生产环境推荐） -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

本地文件引入
下载 jQuery 文件并存储到项目目录中，通过相对路径引用：

1. 从 jQuery 官网 下载最新版本。
2. 将文件（如 jquery-3.6.0.min.js）放入项目文件夹（例如 js/）。
3. 在 HTML 中添加：

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

模块化打包工具引入
若使用 npm、Yarn 等包管理工具，可通过以下命令安装：

npm install jquery

然后在 JavaScript 文件中通过 import 引入：

import $ from 'jquery';

注意事项

• 版本选择：推荐使用最新的稳定版（如 3.x），旧版（如 1.x 或 2.x）可能不兼容现代浏览器。
• 加载顺序：确保 jQuery 在依赖它的脚本之前引入。
• 备用方案：CDN 失效时可添加本地回退：

<script src="https://cdn.example.com/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>