引入jquery
引入jQuery的方法
通过CDN引入(推荐)
在HTML文件的<head>或<body>标签内添加以下链接,使用官方或公共CDN服务:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
建议使用具体版本号(如3.6.0)而非最新版(latest),以避免兼容性问题。

下载本地引入

- 访问jQuery官网下载压缩版(
min.js)。 - 将文件保存到项目目录(如
js/jquery.min.js)。 - 在HTML中通过相对路径引入:
<script src="js/jquery.min.js"></script>
模块化项目中使用npm/yarn
在Node.js或现代前端项目中,通过包管理器安装:
npm install jquery
# 或
yarn add jquery
使用时通过ES6语法导入:
import $ from 'jquery';
注意事项
- 引入顺序:确保jQuery在依赖它的其他脚本之前加载。
- 版本选择:生产环境推荐使用压缩版(
.min.js),体积更小。 - 备用方案:可添加CDN加载失败时的本地回退:
<script> window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>'); </script>






