在线引用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：
- 最新稳定版：如
3.6.0，支持现代浏览器。 - 兼容旧版IE的版本：如
1.12.4（需单独引入迁移插件）。
完整性校验
可通过integrity属性验证文件完整性（以官方CDN为例）：
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous">
</script>备用方案
为应对CDN加载失败的情况，可添加本地回退：
<script src="https://cdn.example.com/jquery-3.6.0.min.js"></script>
<script>
if (typeof jQuery == 'undefined') {
document.write('<script src="本地路径/jquery.min.js"><\/script>');
}
</script>模块化加载
若项目使用ES6模块化，可通过import语法动态加载：
import('https://code.jquery.com/jquery-3.6.0.min.js')
.then(() => console.log('jQuery已加载'))
.catch(err => console.error('加载失败', err));
