jQuery | :选中选择器

当我们想要在 jQuery 中选中某一元素时，我们可以使用选择器来实现。选择器是一种模式匹配的规则，通过匹配相应的 HTML 元素，帮助我们找到我们感兴趣的元素，然后进行相应的操作。

在 jQuery 中，我们可以使用 :选中选择器 来选择元素。

常用的选中选择器

以下为一些常用的选中选择器：

• :first：选取第一个匹配的元素。
• :last：选取最后一个匹配的元素。
• :not(selector)：选取所有不匹配给定选择器的元素。
• :even：选取所有索引为偶数的元素，从 0 开始计数。
• :odd：选取所有索引为奇数的元素，从 0 开始计数。
• :eq(index)：选取索引为指定值的元素。
• :gt(index)：选取所有大于给定索引值的元素。
• :lt(index)：选取所有小于给定索引值的元素。
• :header：选取所有标题元素 <h1> 到 <h6>。
• :contains(text)：选取所有包含指定文本的元素。
• :has(selector)：选取所有至少含有一个与指定选择器匹配的子元素的元素。
• :empty：选取所有不包含子元素或文本的空元素。
• :parent：选取所有含有子元素或文本的元素。
• :hidden：选取所有隐藏的元素。
• :visible：选取所有显示的元素。

举例说明

假设我们有以下 HTML 代码：

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li class="special">Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

我们可以使用以下选择器：

• $('li:first') 选中第一个 <li> 元素；
• $('li:last') 选中最后一个 <li> 元素；
• $('li:not(.special)') 选中除了 class 为 special 的所有 <li> 元素；
• $('li:even') 选中所有索引为偶数的 <li> 元素；
• $('li:contains("tem")') 选中所有文本中包含 tem 的 <li> 元素；
• $('li:odd:visible') 选中所有索引为奇数且显示的 <li> 元素。

以上代码片段将会显示为以下 markdown 格式：

## 常用的选中选择器

以下为一些常用的选中选择器：

- `:first`：选取第一个匹配的元素。
- `:last`：选取最后一个匹配的元素。
- `:not(selector)`：选取所有不匹配给定选择器的元素。
- `:even`：选取所有索引为偶数的元素，从 0 开始计数。
- `:odd`：选取所有索引为奇数的元素，从 0 开始计数。
- `:eq(index)`：选取索引为指定值的元素。
- `:gt(index)`：选取所有大于给定索引值的元素。
- `:lt(index)`：选取所有小于给定索引值的元素。
- `:header`：选取所有标题元素 `<h1>` 到 `<h6>`。
- `:contains(text)`：选取所有包含指定文本的元素。
- `:has(selector)`：选取所有至少含有一个与指定选择器匹配的子元素的元素。
- `:empty`：选取所有不包含子元素或文本的空元素。
- `:parent`：选取所有含有子元素或文本的元素。
- `:hidden`：选取所有隐藏的元素。
- `:visible`：选取所有显示的元素。

## 举例说明

假设我们有以下 HTML 代码：

```html
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li class="special">Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

我们可以使用以下选择器：

• $('li:first') 选中第一个 <li> 元素；
• $('li:last') 选中最后一个 <li> 元素；
• $('li:not(.special)') 选中除了 class 为 special 的所有 <li> 元素；
• $('li:even') 选中所有索引为偶数的 <li> 元素；
• $('li:contains("tem")') 选中所有文本中包含 tem 的 <li> 元素；
• $('li:odd:visible') 选中所有索引为奇数且显示的 <li> 元素。