【jquery速查手册】在Web开发中，jQuery 是一个非常强大的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画效果和 AJAX 交互等操作。为了方便开发者快速查阅常用方法和属性，以下是一份简洁的 jQuery 速查手册，内容以加表格的形式呈现。
一、基础选择器
| 选择器 | 描述 |
| `$("id")` | 通过 ID 选择元素 |
| `$(".class")` | 通过类名选择元素 |
| `$("")` | 选择所有元素 |
| `$("element")` | 通过标签名选择元素 |
| `$("[attribute='value']")` | 通过属性选择元素 |
二、DOM 操作
| 方法 | 描述 |
| `.html()` | 获取或设置匹配元素的 HTML 内容 |
| `.text()` | 获取或设置匹配元素的文本内容 |
| `.val()` | 获取或设置表单元素的值（如 input、select） |
| `.attr(name, value)` | 设置或获取属性值 |
| `.removeAttr(name)` | 移除属性 |
| `.addClass(class)` | 添加类样式 |
| `.removeClass(class)` | 移除类样式 |
| `.toggleClass(class)` | 切换类样式 |
| `.append(content)` | 在匹配元素内部末尾添加内容 |
| `.prepend(content)` | 在匹配元素内部开头添加内容 |
| `.before(content)` | 在匹配元素之前插入内容 |
| `.after(content)` | 在匹配元素之后插入内容 |
| `.remove()` | 删除匹配元素及其子元素 |
| `.empty()` | 清空匹配元素的所有子节点 |
三、事件处理
| 方法 | 描述 |
| `.click(fn)` | 绑定点击事件 |
| `.hover(over, out)` | 鼠标悬停时触发两个函数 |
| `.on(event, selector, fn)` | 绑定事件，支持动态元素 |
| `.off(event, fn)` | 移除事件绑定 |
| `.trigger(event)` | 触发指定事件 |
四、动画与效果
| 方法 | 描述 |
| `.show()` | 显示隐藏的元素 |
| `.hide()` | 隐藏元素 |
| `.fadeIn()` | 淡入显示 |
| `.fadeOut()` | 淡出隐藏 |
| `.slideDown()` | 向下展开 |
| `.slideUp()` | 向上收起 |
| `.animate(properties, duration)` | 自定义动画效果 |
| `.stop()` | 停止当前动画 |
五、AJAX 操作
| 方法 | 描述 |
| `.ajax(options)` | 发送异步请求 |
| `.get(url, data, callback)` | 发送 GET 请求 |
| `.post(url, data, callback)` | 发送 POST 请求 |
| `.load(url, data, callback)` | 加载远程数据并插入到元素中 |
| `.getJSON(url, data, callback)` | 获取 JSON 数据 |
六、其他常用方法
| 方法 | 描述 |
| `.each(function)` | 遍历每个匹配的元素 |
| `.map(function)` | 对每个匹配元素进行映射 |
| `.filter(selector)` | 过滤匹配元素 |
| `.not(selector)` | 排除匹配元素 |
| `.eq(index)` | 获取第 n 个匹配元素 |
| `.length` | 获取匹配元素的数量 |
| `.size()` | 返回匹配元素的数量（已弃用） |
| `.index()` | 获取匹配元素在同级中的索引 |
七、注意事项
- jQuery 的版本不同，某些方法可能有所变化。
- 使用 `.on()` 替代 `.bind()`，以支持动态加载的元素。
- 尽量避免过度使用 jQuery，特别是在现代浏览器中，原生 JS 已足够强大。
总结
jQuery 提供了一套简单易用的 API，使得前端开发更加高效。通过掌握以上常用方法和技巧，可以大大提高开发效率和代码可维护性。对于初学者来说，建议从基础选择器和事件处理开始学习，逐步深入 DOM 操作和 AJAX 应用。
