html引入jquery
引入jQuery的方法
在HTML中引入jQuery主要有两种方式：通过CDN引入或下载本地文件引入。以下是具体方法：
通过CDN引入jQuery
推荐使用官方CDN或Google、Microsoft等提供的CDN链接，优点是加载速度快且可能已被用户浏览器缓存。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>若需特定版本，可替换链接中的版本号（如3.6.0）。例如引入压缩版（生产环境推荐）：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>下载本地文件引入
- 从jQuery官网下载最新版本的jQuery文件（
.js格式）。 - 将文件放入项目目录（如
js文件夹）。 - 在HTML中通过相对路径引入：
<script src="js/jquery-3.6.0.min.js"></script>注意事项
- 引入顺序：jQuery需在依赖它的其他脚本之前引入，通常放在
<head>或<body>的顶部。 - 协议兼容：若页面同时支持HTTP/HTTPS，可使用协议相对URL（不推荐，现代环境建议明确协议）：
<script src="//code.jquery.com/jquery-3.6.0.min.js"></script>- 备用方案：为应对CDN加载失败，可添加本地回退：
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script>
if (typeof jQuery == 'undefined') {
document.write('<script src="js/jquery-3.6.0.min.js"><\/script>');
}
</script>验证是否引入成功
在引入后，可通过以下代码测试：
<script>
$(document).ready(function() {
console.log("jQuery已加载，版本：" + $.fn.jquery);
});
</script>若控制台输出版本号，则说明引入成功。
