jquery导入

jQuery 导入方法

通过CDN链接引入

使用公共CDN服务直接引入jQuery库，适合快速开发和测试环境。以下为常见CDN链接：

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

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

<!-- Microsoft CDN -->
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>

下载本地文件引入

从jQuery官网下载压缩版（生产环境）或未压缩版（开发环境）文件，放置于项目目录中后通过相对路径引入：

1. 访问 jQuery官网 下载所需版本
2. 将文件保存至项目目录（如 js/jquery.min.js）
3. HTML文件中添加：

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

使用npm/yarn安装

适用于Node.js项目或使用构建工具（如Webpack）的场景：

# npm安装
npm install jquery

# yarn安装
yarn add jquery

安装后通过模块化方式导入：

import $ from 'jquery';
// 或
const $ = require('jquery');

注意事项

• 推荐使用最新稳定版本（目前为3.x系列）
• 生产环境应使用 .min.js 压缩版本
• 检查引入顺序，确保jQuery在依赖它的插件之前加载
• 可通过 $.fn.jquery 查看当前加载的版本号