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 文件并存储到本地项目目录中,通过相对路径引入:

<script src="js/jquery-3.6.0.min.js"></script>
动态加载
通过 JavaScript 动态加载 jQuery,适用于需要条件判断的场景:
if (typeof jQuery == 'undefined') {
var script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.6.0.min.js';
document.head.appendChild(script);
}
模块化加载(如 Webpack)
在模块化项目中通过 npm 安装后导入:
npm install jquery
在代码中引入:
import $ from 'jquery';
注意事项
- 推荐将
<script>标签放在<body>底部或使用defer属性,避免阻塞页面渲染。 - 检查 jQuery 是否加载成功:
if (window.jQuery) { // jQuery 已加载 } - 生产环境建议使用压缩版本(如
jquery-3.6.0.min.js)。






