jquery 加载

jQuery 加载方法

直接引入CDN链接
从公共CDN加载jQuery，例如使用Google或jQuery官方提供的CDN。适合快速开发或不需要本地文件的场景。

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

下载本地文件引入
从jQuery官网下载压缩版（Production）或未压缩版（Development），通过相对路径引入本地文件。适合离线开发或对稳定性要求高的项目。

<script src="js/jquery-3.6.0.min.js"></script>

模块化加载（如Webpack、ES6）
通过npm或yarn安装jQuery，适用于模块化开发环境。需在项目中通过import或require引入。

npm install jquery

import $ from 'jquery';

延迟加载（异步加载）
通过async或defer属性控制脚本加载时机，避免阻塞页面渲染。

<script src="jquery.min.js" defer></script>

条件加载（旧版本兼容）
通过window.jQuery检测是否已加载，避免重复引入。

<script>
if (!window.jQuery) {
  document.write('<script src="jquery.min.js"><\/script>');
}
</script>

注意事项

• 生产环境推荐使用压缩版（.min.js）以减少文件体积。
• CDN加载需考虑网络稳定性，可添加备用本地源。
• 模块化加载时，需确保构建工具（如Webpack）已正确配置。