jQuery 元素选择器集合

jQuery 提供了一套非常强大的元素选择器，它们可以以各种方式定位和操作网页文档中的元素。

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

1、基本选择器

#id：选择 ID 为 id 的元素。

.（类选择器）：选择具有特定类的所有元素。

标签选择器：选择所有指定类型的标签。

*：选择所有元素。

[attribute]：选择具有指定属性的元素。

[attribute=value]：选择具有指定属性和值的元素。

2、层次选择器 

>：子元素选择器，选择作为其直接子元素的元素。

+：相邻兄弟选择器，选择紧接在另一个元素后的元素，且两个元素有相同的父元素。

~：一般兄弟选择器，选择拥有相同父元素的元素。

3、后代选择器

空格分隔的选择器：选择作为后代元素的所有元素，无论层次多深。

4、子集选择器

:first：选择第一个元素。

:last：选择最后一个元素。

:even：选择索引为偶数的元素。

:odd：选择索引为奇数的元素。

:eq(index)：选择索引为 index 的元素。

:gt(index)：选择索引大于 index 的所有元素。

:lt(index)：选择索引小于 index 的所有元素。

5、表单对象属性过滤器

:input：选择所有的 <input>, <textarea>, <select> 和 <button> 元素。

:text：选择所有的 <input type="text"> 元素。

:password：选择所有的 <input type="password"> 元素。

:radio：选择所有的 <input type="radio"> 元素。

:checkbox：选择所有的 <input type="checkbox"> 元素。

:selected：选择所有 <option> 被选中的元素。

:checked：选择所有被选中的 <input> 元素。

:enabled：选择所有启用的表单元素。

:disabled：选择所有禁用的表单元素。

6、可见性过滤器

:visible：选择所有可见的元素。

:hidden：选择所有不可见的元素。

7、内容过滤器

:contains(text)：选择包含文本 text 的元素。

:empty：选择没有子元素或文本的元素。

:parent：选择含有子元素或文本的元素。

8、属性选择器

:has(selector)：选择含有匹配 selector 的子元素的元素。

[attribute!=value]：选择不具有属性 value 的元素。

[attribute^=value]：选择属性值以 value 开头的元素。

[attribute$=value]：选择属性值以 value 结尾的元素。

[attribute*=value]：选择属性值包含 value 的元素。

这些选择器可以组合使用，形成更复杂的查询表达式。

例如：

div p：选择所有位于 div 元素内部的 p 元素。

div > p：选择所有直接位于 div 元素内部的 p 元素。

div + p：选择所有紧接在 div 元素之后的 p 元素。

div ~ p：选择所有位于 div 元素之后的 p 元素，但不一定紧接在后。

使用这些选择器时，只需要将它们按照语法要求组合起来，然后用 $() 函数包裹即可。

例如：

$('#someId').find('div p');
$('.someClass').siblings('.anotherClass');
$('div').children('p');