jquery安装教程
下载jQuery文件
从jQuery官网(https://jquery.com/)下载最新版本的jQuery文件。可以选择压缩版(minified)用于生产环境,或未压缩版(uncompressed)用于开发调试。
使用CDN引入
通过CDN链接直接引入jQuery,无需下载文件。以下是常见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文件放入项目目录,通常在js文件夹中。通过script标签引入:
<script src="js/jquery-3.6.0.min.js"></script>
npm安装
在Node.js项目中使用npm安装jQuery:

npm install jquery
安装后,在JavaScript文件中通过require或import引入:
const $ = require('jquery');
// 或
import $ from 'jquery';
验证安装
在HTML文件中添加测试代码验证jQuery是否正常工作:
<script>
$(document).ready(function(){
console.log("jQuery已成功加载");
});
</script>
注意事项
确保jQuery的script标签放在其他依赖jQuery的脚本之前。对于模块化项目,可能需要配置打包工具(如Webpack)正确处理jQuery。






