jquery安装教程
通过CDN引入jQuery
在HTML文件的<head>或<body>标签内添加以下代码,直接使用CDN链接加载jQuery。推荐使用官方或可靠的CDN服务(如Google、Microsoft或jQuery官网提供的CDN)。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
下载本地文件引入
访问jQuery官网(https://jquery.com/)下载最新版本的jQuery文件(通常为压缩版`.min.js`)。将文件保存到项目目录中,例如`js/jquery.min.js`,然后在HTML中引用:

<script src="js/jquery.min.js"></script>
使用包管理器安装(npm/yarn)
适用于Node.js项目或需要构建工具(如Webpack)的场景。在项目根目录下运行以下命令:
npm install jquery
# 或
yarn add jquery
安装后,在JavaScript文件中通过模块化方式引入:

import $ from 'jquery';
验证安装是否成功
在引入jQuery后,可以通过以下代码测试是否安装成功:
<script>
$(document).ready(function() {
console.log("jQuery版本:" + $.fn.jquery);
});
</script>
如果控制台输出版本号,说明安装成功。
注意事项
- 生产环境建议使用压缩版(
.min.js)以减少文件体积。 - 如果与其他库存在
$冲突,可使用jQuery.noConflict()解决。 - 部分老旧项目可能需要特定版本(如1.x兼容IE8),需在CDN或下载时指定版本号。






