jquery引用
引入jQuery的方法
在网页中引入jQuery可以通过多种方式实现，以下是常见的几种方法：
通过CDN引入
使用公共CDN（内容分发网络）是最快捷的方式之一。以下是一些常用的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>下载本地文件引入
可以从jQuery官网下载文件并本地引用：
- 访问 jQuery官网 下载最新版本。
- 将文件保存到项目目录中（例如
js/jquery-3.6.0.min.js）。 - 在HTML文件中引用：
<script src="js/jquery-3.6.0.min.js"></script>使用npm或yarn安装
对于现代前端项目，可以通过包管理器安装：
npm install jquery
# 或
yarn add jquery安装后，在JavaScript文件中导入：
import $ from 'jquery';注意事项
- 确保jQuery的引用位于其他依赖jQuery的脚本之前。
- 生产环境建议使用压缩版本（文件名中包含
.min.js）。 - 如果需要兼容旧版浏览器，可以考虑使用jQuery 1.x版本，但通常推荐使用最新的3.x版本。
验证jQuery是否加载成功
可以通过以下代码检查jQuery是否正确加载：
if (typeof jQuery == 'undefined') {
console.log('jQuery未加载');
} else {
console.log('jQuery版本：' + jQuery.fn.jquery);
}
