简介
jQuery 是一个基于 JavaScript 的开源框架，它封装了底层的 DOM 操作，提供了更快捷、更简单的方式来操作 HTML 文档。
本手册是 jQuery 的中文 API 手册，旨在帮助前端开发人员更好地理解并掌握 jQuery 的常用 API，以便更高效地实现前端开发。
选择器
选择器是 jQuery 最基本的功能之一，通过选择器可以快速地定位到需要操作的 HTML 元素。
ID 选择器
通过元素的 ID 来选择元素。
$("#id")示例：
<body> <div id="box">我是一个盒子</div> </body>
$("#box").hide();类选择器
通过元素的 class 来选择元素。
$(".class")示例：
<body> <div class="box">我是一个盒子</div> </body>
$(".box").hide();元素选择器
通过元素的类型来选择元素。
$("element")示例：
<body> <div>我是一个盒子</div> </body>
$("div").hide();事件处理
jQuery 提供了丰富的事件处理能力，可以帮助我们更好地响应用户的操作。
click()
click() 方法用于绑定点击事件。
$("selector").click(function() {
// TODO: 处理点击事件
})示例：
<body> <button id="btn">点击我</button> </body>
$("#btn").click(function() {
alert("Hello, jQuery!");
})hover()
hover() 方法用于绑定鼠标移入和移出事件。
$("selector").hover(function() {
// TODO: 处理鼠标移入事件
}, function() {
// TODO: 处理鼠标移出事件
})示例：
<body> <div id="box">我是一个盒子</div> </body>
$("#box").hover(function() {
$(this).addClass("active");
}, function() {
$(this).removeClass("active");
})动画效果
动画效果是前端开发中常用的一种技术，通过动画可以让页面更加生动和有趣。
hide()
hide() 方法用于隐藏元素。
$("selector").hide(speed, callback)参数：
- speed：动画速度，可以是 slow、normal 或 fast，也可以是毫秒数。
- callback：动画完成后的回调函数。
示例：
<body> <div id="box">我是一个盒子</div> </body>
$("#box").hide(1000, function() {
alert("已隐藏");
});show()
show() 方法用于显示元素。
$("selector").show(speed, callback)参数：
- speed：动画速度，可以是 slow、normal 或 fast，也可以是毫秒数。
- callback：动画完成后的回调函数。
示例：
<body> <div id="box" style="display: none;">我是一个盒子</div> </body>
$("#box").show(1000, function() {
alert("已显示");
});总结
本手册主要介绍了 jQuery 的选择器、事件处理和动画效果等常用 API，希望能够帮助前端开发人员更好地掌握 jQuery 的使用技巧。
当然，掌握 API 只是基础，要成为一名优秀的前端工程师，还需要不断学习和实践，不断提高自己的技能水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6451d847675af4061b5969d8