js引入jquery
引入jQuery的方法
通过CDN引入
使用公共CDN(如Google或jQuery官方)直接引入jQuery库,将以下代码放入HTML文件的<head>或<body>标签内:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
如需指定版本(例如1.x兼容旧项目):
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
本地文件引入
- 从jQuery官网下载
.min.js压缩版文件 - 将文件放入项目目录(如
js/jquery.min.js) - 在HTML中添加引用:
<script src="js/jquery.min.js"></script>
npm/yarn安装(适用于现代前端项目)
在Node.js环境下通过包管理器安装:
npm install jquery
# 或
yarn add jquery
然后在模块化文件中引入:
import $ from 'jquery';
验证引入成功
在引入后添加测试代码:

<script>
$(document).ready(function(){
console.log("jQuery版本:" + $.fn.jquery);
});
</script>
注意事项
- 生产环境建议使用
min.js压缩版本 - CDN引入需确保网络连接正常
- 多个jQuery版本共存时需使用
jQuery.noConflict() - 现代浏览器项目可考虑使用原生JavaScript替代部分jQuery功能






