jquery导入
导入jQuery的方法
通过CDN链接直接引入
在HTML文件的<head>或<body>标签内添加以下代码,推荐使用最新版本:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
下载本地文件引入 从jQuery官网下载压缩版(minified)或未压缩版文件,保存到项目目录后通过相对路径引入:

<script src="js/jquery-3.6.0.min.js"></script>
使用npm安装(适用于模块化项目) 在项目目录下运行命令:
npm install jquery
然后在JavaScript文件中通过以下方式导入:

import $ from 'jquery';
使用ES6模块化导入 现代浏览器支持直接通过模块化方式加载:
<script type="module">
import $ from 'https://code.jquery.com/jquery-3.6.0.min.js';
</script>
版本选择建议
- 生产环境推荐使用
.min.js压缩版 - 学习调试时可使用未压缩版
- 兼容旧项目需注意jQuery 1.x与2.x/3.x的API差异
验证是否导入成功
在引入代码后添加测试脚本:
<script>
$(document).ready(function(){
console.log("jQuery版本:" + $.fn.jquery);
});
</script>






