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官网下载压缩版(生产环境)或未压缩版(开发环境)文件,放置于项目目录中后通过相对路径引入:
- 访问 jQuery官网 下载所需版本
- 将文件保存至项目目录(如
js/jquery.min.js) - 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查看当前加载的版本号







