jQuery 选择器手册：快速查阅指南

jQuery 选择器详解 jQuery 是一个功能强大且灵活的 JavaScript 库，它提供了一种简单的方式来操作 HTML 文档对象模型（DOM）。在 jQuery 中，选择器是最基本也是最重要的一部分，选择器允许开发者快速地选择和操作 HTML 元素。本文将详细介绍 jQuery 选择器的使用方法和示例。 **基本选择器** * `*`：选择所有元素 * `#id`：选择 id 为指定值的元素 * `.class`：选择所有 class 中包含指定值的元素 * `element`：选择所有指定标签的元素 **层次选择器** * `:first`：选择第一个元素 * `:last`：选择最后一个元素 * `:even`：选择所有偶数元素 * `:odd`：选择所有奇数元素 * `:eq(index)`：选择指定索引的元素 * `:gt(no)`：选择所有索引大于指定值的元素 * `:lt(no)`：选择所有索引小于指定值的元素 **内容选择器** * `:contains(text)`：选择所有包含指定文本的元素 * `:empty`：选择所有没有子元素的元素 * `:parent`：选择所有有子元素的元素 **可见性选择器** * `:hidden`：选择所有隐藏的元素 * `:visible`：选择所有可见的元素 **属性选择器** * `[attribute]`：选择所有带有指定属性的元素 * `[attribute=value]`：选择所有指定属性的值等于指定值的元素 * `[attribute!=value]`：选择所有指定属性的值不等于指定值的元素 * `[attribute$=value]`：选择所有指定属性的值包含指定值的元素 * `[attribute*=value]`：选择所有指定属性的值包含指定值的元素 * `[attribute^=value]`：选择所有指定属性的值以指定值开头的元素 **表单选择器** * `:input`：选择所有 `<input>` 元素 * `:text`：选择所有 `<input type="text">` 元素 * `:password`：选择所有 `<input type="password">` 元素 * `:radio`：选择所有 `<input type="radio">` 元素 * `:checkbox`：选择所有 `<input type="checkbox">` 元素 * `:submit`：选择所有 `<input type="submit">` 元素 * `:image`：选择所有 `<input type="image">` 元素 * `:reset`：选择所有 `<input type="reset">` 元素 * `:button`：选择所有 `<input type="button">` 元素 **其他选择器** * `:animated`：选择所有动画元素 * `:header`：选择所有标题元素 `<h1>-<h6>` * `:not(selector)`：选择所有不匹配指定选择器的元素 在 jQuery 中，选择器可以组合使用，以便更灵活地选择元素。例如，`$("div:hidden, p:visible")` 将选择所有隐藏的 `<div>` 元素和所有可见的 `<p>` 元素。