导入jquery
导入jQuery的方法
通过CDN链接引入
在HTML文件的<head>或<body>标签内添加以下代码,使用官方CDN或第三方CDN(如Google、Microsoft)加载jQuery:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
本地文件引入
下载jQuery库文件(如jquery-3.6.0.min.js)并保存到项目目录中,通过相对路径引入:

<script src="js/jquery-3.6.0.min.js"></script>
npm安装(适用于Node.js项目)
在项目目录下运行以下命令安装jQuery:
npm install jquery
然后在JavaScript文件中通过require或import引入:

const $ = require('jquery');
// 或
import $ from 'jquery';
验证是否成功导入
在引入jQuery后,可通过以下代码测试是否生效:
$(document).ready(function() {
console.log("jQuery已加载");
});
注意事项
- 推荐使用压缩版本(如
jquery-3.6.0.min.js)以减少加载时间。 - 若需兼容旧版IE,可选择jQuery 1.x版本。
- 避免重复引入不同版本的jQuery,可能引发冲突。






