jQuery 提供了许多选择器,以便更方便地从 HTML 文档中选取元素,以下是一些主要的 jQuery 选择器类型:

1. 基本选择器
1.1 元素选择器
用于选取指定类型的元素。$('p') 会选择所有的 <p> 元素。
1.2 类选择器
用于选取指定类的元素。$('.myClass') 会选择所有 class 为 myClass 的元素。
1.3 ID 选择器
用于选取指定 ID 的元素。$('#myID') 会选择 ID 为 myID 的元素。
2. 层次选择器
2.1 父子选择器
用于选取指定父元素下的所有子元素。$('div > p') 会选择所有 <div> 元素下的直接子 <p> 元素。
2.2 后代选择器
用于选取指定元素的后代元素。$('div p') 会选择所有 <div> 元素下的 <p> 元素(无论层级)。
2.3 兄弟选择器
用于选取指定元素的兄弟元素。$('p + div') 会选择所有 <p> 元素的下一个 <div> 兄弟元素。
2.4 所有兄弟选择器
用于选取指定元素的所有兄弟元素。$('p ~ div') 会选择所有 <p> 元素之后的所有 <div> 兄弟元素。
3. 过滤选择器
3.1 基本过滤选择器
用于选取满足特定条件的元素。$('tr:first') 会选择所有 <tr> 元素中的第一个。
3.2 内容过滤选择器
用于选取包含特定内容的元素。$('div:contains("Hello")') 会选择所有包含文本 "Hello" 的 <div> 元素。
3.3 可见性过滤选择器
用于选取可见或不可见的元素。$('div:visible') 会选择所有可见的 <div> 元素。
3.4 属性过滤选择器
用于选取具有特定属性的元素。$('input[type="text"]') 会选择所有 type 属性为 "text" 的 <input> 元素。
4. 表单选择器
4.1 表单对象选择器
用于选取表单内的元素。$('input:text') 会选择所有 <input> 类型为 "text" 的元素。
4.2 表单状态选择器
用于选取特定状态的表单元素。$('input:enabled') 会选择所有启用的 <input> 元素。
以上就是 jQuery 的主要选择器类型及其详细描述。