jquery 加载
jQuery 加载方法
通过CDN加载
使用公共CDN(内容分发网络)加载jQuery是最常见的方式,适用于大多数项目。将以下代码放入HTML的<head>或<body>中:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
推荐使用jQuery 3.x版本(如上例),兼容现代浏览器并优化了性能。如需支持旧版IE(如IE6-8),可使用1.x版本:
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
本地文件加载
下载jQuery文件(如jquery.min.js)到项目目录中,通过相对路径引用:
<script src="js/jquery.min.js"></script>
建议将文件放在js或lib目录中保持项目结构清晰。官方下载地址:jQuery官网
模块化加载(如Webpack、ES6)
现代前端工程中可通过npm或yarn安装jQuery:

npm install jquery
然后在模块中导入:
import $ from 'jquery';
需确保项目已配置模块打包工具(如Webpack、Rollup)。
异步加载
使用async或defer属性避免阻塞页面渲染:

<script src="jquery.min.js" defer></script>
defer保证脚本按顺序执行,async允许异步加载但执行顺序不确定。
加载完成检测
为确保jQuery加载完成后执行代码,使用以下方式:
if (window.jQuery) {
// jQuery已加载
} else {
// 备用方案
}
或通过回调:
<script src="jquery.min.js" onload="initMyScript()"></script>
注意事项
- 避免重复加载多个jQuery版本。
- 生产环境使用
.min.js压缩版以提升性能。 - 检查CDN的fallback机制(如CDN失效时切换本地文件)。






