怎么导入jquery
导入jQuery的方法
方法1:通过CDN链接直接引入
在HTML文件的<head>或<body>标签内添加以下代码,使用公共CDN(如Google或jQuery官方)加载jQuery:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
推荐使用https协议以确保安全性。如需指定版本,替换URL中的版本号即可。
方法2:下载本地文件后引入
从jQuery官网下载压缩版(.min.js)文件,保存到项目目录中。然后在HTML中通过相对路径引入:

<script src="js/jquery-3.6.0.min.js"></script>
确保路径与文件实际存放位置一致。
方法3:使用npm或yarn安装(适用于Node.js项目)
在项目根目录下运行以下命令安装jQuery:

npm install jquery
# 或
yarn add jquery
安装后,在JavaScript文件中通过模块化方式导入:
import $ from 'jquery';
需配合Webpack等打包工具使用。
注意事项
- 检查网络环境,CDN方式需联网。
- 本地引入时,确认文件路径正确。
- 模块化导入需配置好项目环境。
- 优先使用压缩版(
.min.js)以减少加载时间。






