### jQuery 1.5 Visual Cheat Sheet详解
#### 一、概述
`jQuery-1.5-Visual-Cheat-Sheet (PDF)` 是一个针对 jQuery 1.5 版本的快速参考指南，它以 PDF 格式提供了一系列常用的选择器和其他功能的可视化表示。这份文档非常适合作为开发人员在日常编码时进行查阅的辅助工具。
#### 二、选择器（Selectors）
##### 1. 基础选择器（Basic Selectors）
- **All Selector** (`*`)
- **描述**：选取页面中的所有元素。
- **示例**：
```html
$("*")
```
- **Class Selector** (`.class`)
- **描述**：选取具有指定类的所有元素。
- **示例**：
```html
$(".example")
```
- **Element Selector** (`element`)
- **描述**：选取具有指定标签名的所有元素。
- **示例**：
```html
$("div")
```
- **ID Selector** (`#id`)
- **描述**：选取具有指定 ID 的单一元素。
- **示例**：
```html
$("#uniqueId")
```
- **Multiple Selector** (`selector1, selector2, selectorN`)
- **描述**：选取由多个选择器指定的元素集合。
- **示例**：
```html
$("div, .example, #uniqueId")
```
##### 2. 层次结构选择器（Hierarchy Selectors）
- **Child Selector** (`parent > child`)
- **描述**：选取所有作为父元素直接子元素的指定子元素。
- **示例**：
```html
$("ul > li")
```
- **Descendant Selector** (`ancestor descendant`)
- **描述**：选取所有作为祖先元素后代的指定元素。
- **示例**：
```html
$("article p")
```
- **Next Adjacent Selector** (`prev + next`)
- **描述**：选取所有紧跟在指定前一个兄弟元素后面的指定元素。
- **示例**：
```html
$("p + ul")
```
- **Next Siblings Selector** (`prev ~ siblings`)
- **描述**：选取所有紧跟在指定前一个兄弟元素后面的同级元素。
- **示例**：
```html
$("p ~ ul")
```
##### 3. 基础过滤选择器（Basic Filter Selectors）
- **`:animated` Selector**
- **描述**：选取正在执行动画的所有元素。
- **示例**：
```html
$("*:animated")
```
- **`:eq()` Selector**
- **描述**：选取匹配集中索引为 n 的元素。
- **示例**：
```html
$("li:eq(3)")
```
- **`:even` Selector**
- **描述**：选取偶数索引位置的元素（零索引）。
- **示例**：
```html
$("li:even")
```
- **`:first` Selector**
- **描述**：选取第一个匹配的元素。
- **示例**：
```html
$("li:first")
```
- **`:gt()` Selector**
- **描述**：选取索引大于指定值的元素。
- **示例**：
```html
$("li:gt(2)")
```
- **`:header` Selector**
- **描述**：选取所有的头部元素，如 h1, h2, h3 等。
- **示例**：
```html
$("*:header")
```
- **`:last` Selector**
- **描述**：选取最后一个匹配的元素。
- **示例**：
```html
$("li:last")
```
- **`:lt()` Selector**
- **描述**：选取索引小于指定值的元素。
- **示例**：
```html
$("li:lt(5)")
```
- **`:not()` Selector**
- **描述**：选取不匹配指定选择器的所有元素。
- **示例**：
```html
$("li:not(:first)")
```
- **`:odd` Selector**
- **描述**：选取奇数索引位置的元素（零索引）。
- **示例**：
```html
$("li:odd")
```
##### 4. 内容过滤选择器（Content Filter Selectors）
- **`:contains()` Selector**
- **描述**：选取包含指定文本的所有元素。
- **示例**：
```html
$("*:contains('example')")
```
- **`:empty` Selector**
- **描述**：选取没有子元素或文本节点的所有元素。
- **示例**：
```html
$("*:empty")
```
- **`:has()` Selector**
- **描述**：选取包含至少一个与指定选择器匹配的后代元素的所有元素。
- **示例**：
```html
$("*:has(p)")
```
- **`:parent` Selector**
- **描述**：选取具有子元素的所有元素。
- **示例**：
```html
$("*:parent")
```
#### 三、总结
以上是 `jQuery-1.5-Visual-Cheat-Sheet (PDF)` 文档中关于选择器部分的详细介绍。这些选择器为开发者提供了强大的工具来定位和操作 HTML 元素。通过熟练掌握这些选择器，开发者可以更加高效地完成日常开发任务。此外，这份文档还包含了其他重要的 jQuery 功能，例如事件处理、DOM 操作等，对于学习和使用 jQuery 都是非常有价值的参考资料。
