使用 npm 安装 jQuery 版本的科普
引言
在前端开发中，jQuery 是一个非常常用的 JavaScript 库，它简化了 DOM 操作、事件处理、动画效果等操作，使得开发者能够更加便捷地构建交互式的网页。在实际开发中，我们经常需要使用特定版本的 jQuery，以满足项目的需求。本文将介绍如何使用 npm 安装特定版本的 jQuery，并提供一些示例代码供参考。
什么是 npm？
npm 是 Node.js 的包管理工具，它允许开发者在项目中引入、管理各种 JavaScript 包。通过 npm，我们可以方便地下载、安装和更新各种开源的 JavaScript 库，如 jQuery、React、Vue 等。使用 npm 安装 jQuery 可以帮助我们更好地管理项目依赖，确保使用的是特定版本的 jQuery。
安装 npm
要使用 npm，首先需要安装 Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它使得 JavaScript 可以在服务器端运行。你可以在 [Node.js 官方网站]( 上下载适合你操作系统的安装包，并按照安装程序的指引进行安装。
安装完成后，可以在终端或命令行中输入以下命令来验证 npm 是否安装成功：
npm -v
如果成功显示 npm 的版本号，则说明安装成功。
安装指定版本的 jQuery
安装 npm 完成后，在项目的根目录下打开终端或命令行窗口，输入以下命令来安装 jQuery 的指定版本：
npm i jquery@版本号
这里的 版本号 可以是具体的版本号，也可以是一个范围。例如，要安装 jQuery 的 3.5.1 版本，可以执行以下命令：
npm i jquery@3.5.1
npm 将会从官方的 npm 仓库中下载并安装指定版本的 jQuery。
示例代码
下面是一个简单的示例，展示了如何在 HTML 文件中引入安装好的 jQuery 并使用其功能。首先，在项目的根目录下创建一个名为 index.html 的文件，然后将以下代码复制到文件中：
<!DOCTYPE html>
<html>
<head>
<title>使用 npm 安装 jQuery</title>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
</head>
<body>
Hello jQuery!
<button id="btn">Click Me</button>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("h1").hide();
});
});
</script>
</body>
</html>
在终端或命令行中，切换到项目的根目录，并运行以下命令来启动一个本地的 HTTP 服务器：
npx http-server
然后在浏览器中访问 http://localhost:8080/index.html，你将看到一个页面上有一个标题和一个按钮。当你点击按钮时，页面上的标题将会隐藏。
饼状图示例
下面使用 mermaid 语法绘制一个简单的饼状图，来展示不同浏览器的市场份额。首先，在 HTML 文件中引入 mermaid 的库文件：
<!DOCTYPE html>
<html>
<head>
<title>使用 npm 安装 jQuery</title>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="
</head>
<body>
<div class="mermaid">
pie
"Chrome": 40
"Firefox": 25
"Safari": 20
"Edge": 10
"Other": 5
</div>
<script>
mermaid.initialize({
startOnLoad: true
});
</script>
</body>
</html>
在页面中，我们使用 div 标签和 CSS 类名 mermaid 来标识饼状图的位置。然后，我们通过在 div 中写入 mermaid 语法来描述饼
