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官网下载文件并本地引用：

1. 访问 jQuery官网 下载最新版本。
2. 将文件保存到项目目录中（例如 js/jquery-3.6.0.min.js）。
3. 在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);
}