jquery包下载
下载jQuery的方法
通过jQuery官方网站下载是最直接的方式。访问jQuery官网,在首页可以看到两个版本:压缩版(minified)和未压缩版(development)。压缩版适合生产环境,未压缩版适合开发调试。
官网提供的是最新稳定版本,点击对应版本的链接即可下载。下载后是一个.js文件,可以直接在HTML文件中引用。
使用CDN引入jQuery
如果不希望下载jQuery文件,可以通过CDN(内容分发网络)引入。常见的CDN提供商包括:
-
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官方CDN

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
使用CDN的优势是加载速度快,且可能已被用户浏览器缓存。
通过包管理工具安装
如果需要将jQuery作为项目依赖管理,可以通过以下包管理工具安装:
-
npm
在项目目录下运行:npm install jquery -
Yarn
在项目目录下运行:
yarn add jquery
安装后,jQuery会被添加到项目的node_modules目录中,可以通过模块化方式引入:
import $ from 'jquery';
从GitHub获取源码
如果需要jQuery的源码或特定版本,可以从jQuery的GitHub仓库下载:
- 访问jQuery GitHub仓库。
- 点击“Releases”查看所有版本。
- 选择需要的版本,下载源码或压缩包。
这种方式适合需要自定义修改或研究jQuery实现的开发者。
验证jQuery是否成功引入
在HTML文件中引入jQuery后,可以通过以下代码验证是否成功加载:
<script>
if (typeof jQuery === 'function') {
console.log('jQuery loaded successfully');
} else {
console.log('jQuery failed to load');
}
</script>
如果控制台输出成功信息,则说明jQuery已正确加载。






