引用jquery
以下是关于引用 jQuery 的几种常见方法:
通过 CDN 引用
使用公共内容分发网络(CDN)加载 jQuery,例如 Google 或 Microsoft 提供的 CDN。这种方式加载速度快且可能已被用户浏览器缓存。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
本地文件引用
下载 jQuery 文件并存储在项目目录中,通过相对路径引用。适合离线开发或需要控制版本的环境。
<script src="js/jquery-3.6.0.min.js"></script>
npm 安装
适用于现代前端项目,通过包管理器安装并模块化引用。
npm install jquery
在 JavaScript 文件中通过模块化语法引入:
import $ from 'jquery';
注意事项
- 版本选择:根据需求选择 1.x(兼容旧IE)、2.x(无旧IE支持)或 3.x(现代浏览器)。
- 加载顺序:确保 jQuery 在依赖它的脚本之前加载。
- 备用方案:CDN 失败时可回退到本地资源:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery-3.6.0.min.js"><\/script>')</script>







