jquery引入
引入jQuery的方法
通过CDN引入
使用公共CDN（内容分发网络）引入jQuery是最常见的方式之一，适合快速开发和测试环境。以下是几个常用的CDN链接：
<!-- 使用jQuery官方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>将上述任一链接放入HTML文件的<head>或<body>标签中即可。
下载本地引入
如果需要离线使用或项目环境无法访问外网，可以下载jQuery文件并本地引入。
- 访问jQuery官网下载最新版本的jQuery文件。
- 将下载的
.js文件（如jquery-3.6.0.min.js）放入项目目录中。 - 在HTML文件中通过
<script>标签引入：
<script src="path/to/jquery-3.6.0.min.js"></script>使用npm或yarn安装
对于现代前端项目，可以通过包管理工具安装jQuery。
# 使用npm安装
npm install jquery
# 使用yarn安装
yarn add jquery安装完成后，在JavaScript文件中通过模块化方式引入：
import $ from 'jquery';验证jQuery是否引入成功
在引入jQuery后，可以通过以下代码验证是否成功：
<script>
$(document).ready(function() {
console.log("jQuery已成功加载！");
});
</script>如果控制台输出提示信息，则说明jQuery已正确引入。
