引入jquery
引入jQuery的方法
通过CDN引入
在HTML文件中添加以下代码,使用CDN(内容分发网络)加载jQuery库。推荐使用官方或可靠的CDN服务(如Google、Microsoft或jQuery官网提供的CDN):
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
下载本地文件引入
从jQuery官网下载最新版本的jQuery文件(通常为压缩版jquery.min.js),保存到项目目录中,然后在HTML中通过相对路径引入:
<script src="path/to/jquery.min.js"></script>
使用npm/yarn安装(适用于模块化项目)
在Node.js项目或现代前端工程中,可以通过包管理器安装:
npm install jquery
# 或
yarn add jquery
安装后,在JavaScript文件中通过模块化语法引入:
import $ from 'jquery';
注意事项
- 引入顺序:jQuery库需在依赖它的脚本之前加载,通常放在
<head>或<body>开头。 - 版本选择:生产环境建议使用压缩版(如
jquery.min.js),体积更小。 - 备用方案:为应对CDN不可用的情况,可添加本地回退代码:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script>window.jQuery || document.write('<script src="path/to/local/jquery.min.js"><\/script>')</script>







