jQuery 选择器（61种）整理总结

什么是jQuery选择器

在jQuery中，选择器是用来选择HTML元素的一种方法。jQuery允许你使用CSS选择器，DOM元素和自定义的选择器来选择DOM元素。

基本选择器

基本选择器用于选择指定的HTML元素。jQuery提供了以下基本选择器：

1. 元素选择器

元素选择器选取特定类型的元素。语法为：

$(element)

其中element是要选取的元素类型。

例如，要选取所有的段落元素：

$("p")

2. id选择器

id选择器选取具有特定id的元素。语法为：

$("#id")

其中id是要选取的元素的id属性值。

例如，要选取id为"myHeading"的元素：

$("#myHeading")

层次选择器

层次选择器基于元素的层次结构来选择元素。

1. 后代选择器

后代选择器选取所有指定元素的后代元素。语法为：

$('ancestor descendant')

其中ancestor是祖先元素，descendant是后代元素。

例如，要选取所有段落元素中的strong元素：

$("p strong")

2. 子元素选择器

子元素选择器选取指定元素的子元素。语法为：

$('parent > child')

其中parent是父元素，child是子元素。

例如，要选取所有div元素中直接包含p元素的子元素：

$('div > p')

示例1：选取所有class为highlight的列表项

$(".highlight")

示例2：选取所有ul元素中包含了class为active的li元素

$("ul li.active")