8、jQuery元素选择与操作全解析

jQuery元素选择与操作全解析

1. jQuery剩余过滤器列表

jQuery提供了丰富的选择器，但并非能覆盖所有使用场景。以下是jQuery支持的剩余过滤器列表：
| 选择器 | 描述 | 是否在CSS中 |
| — | — | — |
| :animated | 仅选择当前处于动画控制下的元素 | |
| :header | 仅选择标题元素： <h1> 到 <h6> | |
| :hidden | 仅选择隐藏的元素 | |
| :lang(language) | 选择指定语言的元素 | ✓ |
| :not(selector) | 否定指定的选择器 | ✓ |
| :root | 选择文档的根元素 | ✓ |
| :target | 选择文档URI的片段标识符所指示的目标元素 | ✓ |
| :visible | 仅选择可见的元素 | |

2. 自定义过滤器的创建

2.1 自定义过滤器的需求

尽管jQuery提供了众多选择器和过滤器，但仍可能遇到未覆盖的用例，或者需要重复进行相同的选择和过滤操作。此时，可以创建自定义过滤器（也称为自定义选择器或自定义伪选择器）来简化操作。

2.2 创建自定义过滤器的方法

在jQuery中，有两种创建自定义过滤器的方法。从jQuery 1.8开始，推荐使用新方法，旧方法已被弃用。以下是新方法的示例：
假设正在开发一个技术游戏，有一个关卡列表，每个关卡有难度等级、可获得的点数和所需技