jquery 加载

jQuery 加载方法

使用jQuery需要先将其库文件加载到网页中。以下是几种常见的加载方式：

通过CDN加载
推荐使用官方或公共CDN（内容分发网络）加载jQuery，速度快且可能被浏览器缓存：

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

本地文件加载
下载jQuery文件到项目目录，通过相对路径引用：

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

异步加载
添加async或defer属性实现非阻塞加载：

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

加载后验证

确保jQuery加载成功后，可以通过以下代码测试：

if (typeof jQuery == 'undefined') {
  console.log('jQuery未加载');
} else {
  console.log('jQuery版本:', jQuery.fn.jquery);
}

模块化环境加载

在Webpack或ES模块中通过npm安装后导入：

npm install jquery

import $ from 'jquery';

注意事项

• 生产环境建议使用压缩版（.min.js）
• 避免混合多个jQuery版本
• 推荐在</body>结束前引入，或使用DOMContentLoaded事件