jquery引入
引入jQuery的方法
jQuery可以通过多种方式引入到项目中,以下是常见的几种方法:
CDN引入
使用CDN(内容分发网络)是最快捷的方式,适合快速测试或小型项目。以下是几个常用的CDN链接:
-
官方CDN(推荐):
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -
Google CDN:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -
Microsoft CDN:
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>
本地文件引入
下载jQuery文件并存储在项目中,通过相对路径引入:
- 从jQuery官网下载最新版本的jQuery。
- 将文件(如
jquery-3.6.0.min.js)放入项目目录(例如js文件夹)。 - 在HTML文件中引入:
<script src="js/jquery-3.6.0.min.js"></script>
npm安装
适用于Node.js或现代前端项目,通过npm或yarn安装:
npm install jquery
安装后,在JavaScript文件中通过模块化方式引入:
import $ from 'jquery';
注意事项
- 引入顺序:jQuery通常需要在其他依赖jQuery的脚本之前引入。
- 版本选择:根据项目需求选择稳定版本(如3.x或兼容旧浏览器的1.x)。
- 压缩版:生产环境建议使用
.min.js压缩版以减少文件大小。
以上方法根据项目需求选择,CDN适合快速开发,本地文件适合离线环境,npm适合模块化项目。







