jquery导入
导入jQuery的方法
通过CDN引入
在HTML文件中直接添加以下代码到<head>或<body>标签内。推荐使用官方CDN(如jQuery官网或Google Hosted Libraries):
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
若需特定版本,替换URL中的版本号(如3.5.1)。

本地文件引入
- 从jQuery官网下载所需的jQuery文件(通常为
.min.js压缩版)。 - 将文件保存到项目目录(如
/js/jquery.min.js)。 - 在HTML中通过相对路径引入:
<script src="/js/jquery.min.js"></script>
模块化项目中使用npm/yarn
适用于Node.js或现代前端框架(如React、Vue):

npm install jquery
# 或
yarn add jquery
在JavaScript文件中通过import引入:
import $ from 'jquery';
注意事项
- 确保jQuery在依赖它的脚本之前加载。
- 生产环境推荐使用压缩版(
.min.js)以减少体积。 - 若同时使用其他库(如Zepto),需注意冲突问题,可通过
jQuery.noConflict()解决。






