jquery怎么安装
安装jQuery的方法
通过CDN引入
在HTML文件中直接引入jQuery的CDN链接,这是最简单快捷的方式。推荐使用官方提供的CDN,如Google或jQuery官网的CDN。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
将这段代码放在HTML文件的<head>或<body>末尾,确保在调用jQuery之前加载。
下载本地文件
从jQuery官网(https://jquery.com/)下载最新版本的jQuery文件。选择压缩版(minified)或未压缩版(uncompressed),将文件保存到项目目录中。
在HTML文件中通过<script>标签引入本地jQuery文件:
<script src="path/to/jquery-3.6.0.min.js"></script>
使用npm或yarn
如果项目使用Node.js或前端构建工具(如Webpack、Vite等),可以通过npm或yarn安装jQuery。
npm install jquery
或
yarn add jquery
安装完成后,在JavaScript文件中通过import或require引入:
import $ from 'jquery';
// 或
const $ = require('jquery');
使用Bower(已逐渐淘汰)
如果项目仍在使用Bower,可以通过以下命令安装jQuery:
bower install jquery
安装完成后,在HTML中引入Bower安装的jQuery文件:
<script src="bower_components/jquery/dist/jquery.min.js"></script>
验证安装
安装完成后,可以通过以下代码验证jQuery是否成功加载:

$(document).ready(function() {
console.log("jQuery is loaded!");
});
如果控制台输出提示信息,则说明jQuery安装成功。






