【jquery速查手册】jQuery 是一个广泛使用的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互等操作。对于开发者来说，掌握 jQuery 的常用方法和属性可以大大提高开发效率。以下是对 jQuery 常用功能的总结与整理，便于快速查阅。
一、核心选择器
| 选择器 | 说明 |
| `$(selector)` | 通过 CSS 选择器选取元素 |
| `$("id")` | 通过 ID 选取元素 |
| `$(".class")` | 通过类名选取元素 |
| `$("")` | 选取所有元素 |
| `$(":first")` | 选取第一个匹配的元素 |
| `$(":last")` | 选取最后一个匹配的元素 |
二、DOM 操作
| 方法 | 说明 |
| `.html()` | 获取或设置匹配元素的 HTML 内容 |
| `.text()` | 获取或设置匹配元素的文本内容 |
| `.val()` | 获取或设置表单字段的值 |
| `.attr()` | 获取或设置属性值 |
| `.removeAttr()` | 移除属性 |
| `.addClass()` | 添加类样式 |
| `.removeClass()` | 移除类样式 |
| `.toggleClass()` | 切换类样式 |
| `.empty()` | 清空匹配元素的所有子节点 |
| `.remove()` | 移除匹配元素及其所有子节点 |
三、事件处理
| 方法 | 说明 |
| `.on()` | 绑定事件处理函数（推荐） |
| `.click()` | 点击事件 |
| `.hover()` | 鼠标悬停事件 |
| `.focus()` / `.blur()` | 获得/失去焦点事件 |
| `.change()` | 表单内容变化时触发 |
| `.submit()` | 表单提交事件 |
| `.ready()` | 页面加载完成后执行代码 |
四、动画效果
| 方法 | 说明 |
| `.show()` / `.hide()` | 显示/隐藏元素 |
| `.fadeIn()` / `.fadeOut()` | 淡入/淡出效果 |
| `.slideDown()` / `.slideUp()` | 下滑/上滑效果 |
| `.animate()` | 自定义动画效果 |
| `.stop()` | 停止当前动画 |
五、AJAX 请求
| 方法 | 说明 |
| `.ajax()` | 发起 AJAX 请求 |
| `.get()` | 发送 GET 请求 |
| `.post()` | 发送 POST 请求 |
| `.load()` | 加载远程数据并插入到元素中 |
| `.getJSON()` | 获取 JSON 数据 |
| `.getScript()` | 加载并执行 JavaScript 文件 |
六、其他常用方法
| 方法 | 说明 |
| `.each()` | 遍历每个匹配的元素 |
| `.map()` | 将每个元素转换为新值 |
| `.filter()` | 过滤匹配的元素 |
| `.find()` | 查找匹配元素的后代元素 |
| `.parent()` / `.children()` | 获取父元素或子元素 |
| `.siblings()` | 获取同级元素 |
| `.eq(index)` | 获取指定索引的元素 |
| `.length` | 获取匹配元素的数量 |
总结
jQuery 提供了丰富的 API 和简洁的语法，使得前端开发更加高效。虽然现代框架如 React、Vue 已经广泛应用，但在一些传统项目或需要快速实现功能的场景中，jQuery 仍然是一个非常实用的工具。掌握上述常用方法，能够帮助开发者在实际开发中迅速解决问题。
本手册旨在提供一份简明扼要的 jQuery 快速参考指南，适合初学者入门和有经验的开发者日常查阅。