jquery引用
引用jQuery的方法
在HTML文件中引用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>
下载本地引用
如果需要离线使用或项目环境限制，可以下载jQuery文件并本地引用：
- 访问jQuery官网（https://jquery.com/）下载最新版本的jQuery文件。
- 将文件保存到项目目录中，例如
js/jquery.min.js。 - 在HTML文件中引用：
<script src="js/jquery.min.js"></script>
使用npm或yarn安装
对于现代前端项目，可以通过包管理工具安装jQuery：
-
使用npm安装：
npm install jquery -
使用yarn安装：
yarn add jquery
安装完成后，在JavaScript文件中通过模块化方式引入：
import $ from 'jquery';注意事项
- 引用jQuery的
<script>标签应放在<head>或<body>中，但通常建议放在<body>的底部以提高页面加载速度。 - 如果同时使用其他依赖jQuery的库（如jQuery插件），确保jQuery的引用在这些库之前。
- 可以通过
$.fn.jquery检查当前页面加载的jQuery版本：console.log($.fn.jquery);
