jquery引入
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>
下载本地引入
从jQuery官网下载库文件并存储在本地服务器：
- 访问 jQuery官网 下载所需版本
- 将文件保存到项目目录（如
js/jquery.min.js） - 在HTML中引用：
<script src="js/jquery.min.js"></script>
使用npm安装
对于现代前端项目，可以通过npm包管理器安装：
npm install jquery安装后在JavaScript文件中引入：
import $ from 'jquery';使用Bower安装
传统前端项目可能使用Bower：
bower install jquery注意事项
- 推荐将jQuery引用放在
<head>或<body>结束前 - 生产环境建议使用压缩版（.min.js）以获得更好的性能
- 确保在引入jQuery后再引入依赖jQuery的其他脚本
- 检查CDN的fallback方案以防CDN不可用：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> if (typeof jQuery == 'undefined') { document.write('<script src="js/jquery.min.js"><\/script>'); } </script>
版本选择建议
- 最新稳定版（目前为3.6.x系列）适合大多数现代浏览器
- 需要支持IE6-8的项目可使用1.x系列
- 迁移到jQuery 3.x时注意检查废弃的API
