jQuery都有哪些选择器

jQuery选择器是一组工具，用于在HTML文档中选择和操作元素，它们使得开发者能够快速、有效地定位页面上的元素，以便进行各种操作，如修改样式、处理事件等，jQuery选择器分为几个类别，包括基本选择器、层次选择器、表单选择器、过滤选择器、可见性选择器和属性选择器等，下面将详细介绍这些选择器的用法和特点。

1、基本选择器

基本选择器是最简单的选择器，用于选择页面上的常见元素，这些选择器包括：

- 标签选择器：通过HTML标签名来选择元素，如$('div')选择所有<div>标签。

- ID选择器：通过元素的ID属性来选择特定元素，如$('#myId')选择ID为myId的元素。

- 类选择器：通过元素的class属性来选择一组具有相同类的元素，如$('.myClass')选择所有class为myClass的元素。

- 通配符选择器：使用*来选择所有元素，如$('*')选择页面上的所有元素。

2、层次选择器

层次选择器用于基于DOM结构选择元素，这些选择器包括：

- 子代选择器：选择某个元素的直接子元素，如$('#parent > .child')选择ID为parent的元素下所有直接子元素，且这些子元素的class为child。

- 后代选择器：选择某个元素的所有后代元素，无论层级多深，如$('#parent .child')选择ID为parent的元素下所有后代中class为child的元素。

- 相邻兄弟选择器：选择紧随某个元素之后的相邻兄弟元素，如$('#prev + .next')选择ID为prev的元素之后，class为next的相邻兄弟元素。

- 通用兄弟选择器：选择某个元素之后的所有兄弟元素，如$('#prev ~ .next')选择ID为prev的元素之后的所有兄弟元素，且这些兄弟元素的class为next。

3、表单选择器

表单选择器专门用于选择表单元素，如输入框、按钮等，这些选择器包括：

- 属性选择器：根据元素的属性和属性值来选择元素，如$('input[type="text"]')选择所有type属性为text的输入框。

- 多属性选择器：同时根据多个属性来选择元素，如$('input[type="text"][name="username"]')选择type属性为text且name属性为username的输入框。

4、过滤选择器

过滤选择器用于在一组已选择的元素中进一步筛选，这些选择器包括：

- 头尾过滤：使用:first和:last来选择第一和最后一个元素，如$('li:first')选择第一个<li>标签。

- 偶数/奇数过滤：使用:even和:odd来选择偶数或奇数位置的元素，如$('li:even')选择偶数位置的<li>标签。

- 可见性过滤：使用:visible和:hidden来选择可见或隐藏的元素，如$('div:visible')选择所有可见的<div>标签。

5、可见性选择器

可见性选择器用于选择基于元素可见性的元素，这些选择器包括：

- :visible：选择当前可见的元素。

- :hidden：选择当前隐藏的元素。

6、属性选择器

属性选择器用于根据元素的属性来选择元素，这些选择器包括：

- 存在属性选择器：选择具有指定属性的元素，如$('input[name]')选择所有具有name属性的输入框。

- 特定属性值选择器：选择具有特定属性值的元素，如$('input[name="username"]')选择name属性值为username的输入框。

- 属性包含选择器：选择属性值包含指定字符串的元素，如$('input[name*="user"]')选择name属性值包含user的输入框。

jQuery选择器的强大之处在于它们可以组合使用，以实现复杂的选择逻辑，开发者可以根据实际需求，灵活运用这些选择器来构建功能丰富的网页应用。