jquery怎么安装
使用CDN引入jQuery
在HTML文件的<head>或<body>标签内直接添加jQuery的CDN链接。推荐使用官方或知名CDN服务(如Google、Microsoft、cdnjs等)。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
如需指定版本,替换链接中的版本号即可。例如使用压缩版(.min.js)以提升加载速度。
下载本地文件安装
访问jQuery官网下载最新版本的文件。通常提供两种格式:
- 开发版(未压缩):便于调试,文件较大。
- 生产版(压缩版):移除了空白字符和注释,适合线上使用。
下载后,将文件(如jquery-3.6.0.min.js)放入项目目录(例如js/文件夹),并通过<script>标签引入:
<script src="js/jquery-3.6.0.min.js"></script>
使用包管理器安装
通过npm、yarn或Bower等工具安装,适合模块化开发环境。
npm/yarn方式:
npm install jquery
# 或
yarn add jquery
安装后,在JavaScript文件中通过模块化语法引入:
import $ from 'jquery';
Bower方式(需先安装Bower):
bower install jquery
验证安装
在引入jQuery后,可通过以下代码测试是否成功:
<script>
$(document).ready(function() {
console.log("jQuery版本:" + $.fn.jquery);
});
</script>
若控制台输出当前版本号,则安装成功。
注意事项
- 确保
<script>标签的顺序,jQuery需在依赖它的其他库(如jQuery插件)之前引入。 - 生产环境中建议使用CDN并设置备用本地路径,防止CDN失效:
<script src="https://cdn.example.com/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>







