【jquery速查手册】jQuery 是一个广泛使用的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互等操作。对于开发者来说，掌握 jQuery 的常用方法和结构是提升开发效率的重要方式。以下是对 jQuery 常用功能的总结与快速查阅表格。
一、常用选择器
| 选择器 | 描述 |
| `$("id")` | 通过元素 ID 选择元素 |
| `$(".class")` | 通过类名选择元素 |
| `$("")` | 选择所有元素 |
| `$("element")` | 通过标签名选择元素 |
| `$("[attribute='value']")` | 通过属性选择元素 |
| `$(":first")` | 选择第一个匹配的元素 |
| `$(":last")` | 选择最后一个匹配的元素 |
二、DOM 操作
| 方法 | 描述 |
| `.html()` | 获取或设置匹配元素的 HTML 内容 |
| `.text()` | 获取或设置匹配元素的文本内容 |
| `.val()` | 获取或设置表单元素的值（如 input、select） |
| `.append()` | 向匹配元素内部追加内容 |
| `.prepend()` | 向匹配元素内部开头插入内容 |
| `.remove()` | 删除匹配元素及其子元素 |
| `.empty()` | 清空匹配元素的所有子节点 |
三、事件处理
| 方法 | 描述 |
| `.click()` | 绑定点击事件 |
| `.hover()` | 绑定鼠标悬停事件 |
| `.on()` | 绑定一个或多个事件处理器 |
| `.off()` | 移除事件处理器 |
| `.trigger()` | 触发指定的事件 |
四、样式操作
| 方法 | 描述 |
| `.css()` | 设置或获取样式属性 |
| `.addClass()` | 添加一个或多个类名 |
| `.removeClass()` | 移除一个或多个类名 |
| `.toggleClass()` | 切换类名的添加或移除 |
| `.hasClass()` | 检查元素是否包含某个类名 |
五、动画效果
| 方法 | 描述 |
| `.show()` | 显示隐藏的元素 |
| `.hide()` | 隐藏元素 |
| `.fadeIn()` | 渐显元素 |
| `.fadeOut()` | 渐隐元素 |
| `.slideToggle()` | 切换元素的显示/隐藏（滑动效果） |
| `.animate()` | 自定义动画效果 |
六、Ajax 请求
| 方法 | 描述 |
| `.ajax()` | 发送异步 HTTP 请求 |
| `.get()` | 使用 GET 方式发送请求 |
| `.post()` | 使用 POST 方式发送请求 |
| `.load()` | 加载远程数据并插入到匹配元素中 |
七、其他常用方法
| 方法 | 描述 |
| `.each()` | 遍历每个匹配的元素 |
| `.map()` | 将每个元素转换为新值 |
| `.filter()` | 过滤匹配的元素 |
| `.eq(index)` | 获取索引为 index 的元素 |
| `.length` | 获取匹配元素的数量 |
总结
jQuery 提供了丰富的 API，使得前端开发更加高效和简洁。虽然现代框架（如 React、Vue）逐渐流行，但在许多项目中，jQuery 仍然是不可或缺的一部分。掌握上述常用方法和技巧，可以大幅提升开发效率，并帮助快速定位和解决问题。
本手册适用于初学者和有经验的开发者，作为日常开发中的快速参考工具。
