jQuery 安装学习笔记

什么是 jQuery？

jQuery 是一个 JavaScript 库，它简化了 JavaScript 编写过程中的许多任务，使得开发人员可以更容易地添加动态效果和交互性。

安装 jQuery

安装 jQuery 有两种方式：

下载 jQuery 文件并在您的网页上引用它。
从 Content Delivery Network（CDN）上加载 jQuery。

从官方网站下载

您可以从 jQuery 的官方网站（https://jquery.com/）下载库文件。在下载完文件之后，将其保存到您的项目目录中，并使用 <script> 标签引用它。

Copy Code
<script src="path/to/jquery.js"></script>

使用 CDN 引入

另一种选择是使用 CDN，该 CDN 储存了大量最常见的库文件，包括 jQuery。

在将 jQuery 添加到您的网页时，可以使用以下 URL：

Copy Code
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

示例

下面是一个简单的示例，使用 jQuery 显示一个输入框中的值：

htmlCopy Code
<!DOCTYPE html>
<html>
<head>
	<title>jQuery 示例</title>
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
</head>
<body>
	<input type="text" id="name" placeholder="请输入您的名称">
	<button id="submit">提交</button>

	<p id="output"></p>

	<script>
		$(document).ready(function() {
			$('#submit').click(function() {
				var name = $('#name').val();
				$('#output').text('您好，' + name + '！');
			});
		});
	</script>
</body>
</html>

该示例中，当用户单击“提交”按钮时，jQuery 获取输入框中的值，并将其添加到一个特定的 HTML 元素中。

结论

本文介绍了 jQuery 的安装方法和一个简单的示例。使用 jQuery 可以轻松地创建动态、交互式网页。