当前位置：首页 > jquery

jquery在线引入

2026-03-17 01:19:56jquery

jQuery在线引入方法

通过CDN（内容分发网络）引入jQuery是最常用的方式，以下提供几种主流CDN的引入代码：

jQuery官方CDN

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

Google Hosted Libraries

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Microsoft Ajax CDN

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>

cdnjs（Cloudflare）

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

版本选择建议

生产环境推荐使用特定版本（如3.6.0）
开发调试可使用非压缩版（移除.min）
兼容旧IE（IE6-8）需使用jQuery 1.x版本

引入位置优化

建议将脚本放在<body>标签底部，或在<head>中使用defer属性：

<script src="https://code.jquery.com/jquery-3.6.0.min.js" defer></script>

完整性校验

可添加SRI校验确保资源未被篡改：

<script 
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>

备用方案

当CDN不可用时自动回退到本地副本：

jquery在线引入

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>window.jQuery || document.write('<script src="/path/to/local/jquery.min.js"><\/script>')</script>