📅 最后修改于: 2023-12-03 14:43:19.281000 🧑 作者: Mango
jQuery 是一个广泛使用的 JavaScript 库，它使得 Web 开发更加便捷和高效。
本文将介绍如何在 HTML 中集成 jQuery，方便在网站中引用和使用 jQuery。
在开始集成 jQuery 之前，需要先下载 jQuery 库文件。可以直接从官网 https://jquery.com/download/ 下载最新版的 jQuery。
下载完成后，将 jQuery 库文件放置在网站的相应目录下。
为了在 HTML 中使用 jQuery，需要先在 HTML 页面中引用 jQuery 库文件。
可以通过以下代码将 jQuery 库文件引入 HTML 页面中：
<head>
<script src="jquery.min.js"></script>
</head>
该代码将会在页面的头部引入 jquery.min.js 文件。
引入 jQuery 后，就可以在 HTML 页面中使用 jQuery 提供的方法和函数。
以下是一个简单的 jQuery 代码示例：
<html>
<head>
<script src="jquery.min.js"></script>
</head>
<body>
<div id="my-div">Hello World!</div>
<script>
$(document).ready(function(){
$("#my-div").click(function(){
alert("You clicked me!");
});
});
</script>
</body>
</html>
以上代码中，我们先在 HTML 页面中定义了一个 div 元素，并设置了 id 为 my-div。接着，使用 jQuery 选择器和事件处理函数，为该 div 元素添加了一个点击事件。
当用户点击该 div 元素时，将会触发点击事件处理函数，弹出提示框。
通过以上介绍，可以看出，在 HTML 中集成 jQuery 非常简单方便，为开发人员提供了更多的可能性。
如果你还没有开始使用 jQuery，那么希望这篇文章能够帮助你进一步了解 jQuery 的使用方法，让你的 Web 开发更加高效和便捷。