jQuery: 启用选择器

什么是选择器？

在jQuery中，选择器是用于选择HTML元素的语法。它类似于CSS选择器，但拥有更多的功能和灵活性。

选择器语法

jQuery选择器基于CSS选择器。要选取一个元素，只需将元素名称或其ID或类名用于选择器即可。

// 选取所有p元素
$("p")

// 选取ID为myId的元素
$("#myId")

// 选取class为myClass的元素
$(".myClass")

进一步选择器

除了使用元素名称、ID和类名选择元素之外，还可以使用属性、子元素、祖先元素等进一步选择元素。

属性选择器

使用属性选择器可以根据HTML属性值选择元素。

// 选取所有带有title属性的元素
$("[title]")

// 选取所有class属性包含"main"的元素
$("[class~=main]")

子元素选择器

使用子元素选择器可以选择父元素的直接子元素。

// 选取所有ul元素下的li元素
$("ul > li")

祖先元素选择器

使用祖先元素选择器可以选择元素的父元素、祖先元素等。

// 选取所有p元素的祖先元素中带有class属性的元素
$("p").parents("[class]")

// 选取所有div元素的父元素中带有class属性的元素
$("div").parent("[class]")

整合选择器

可以将多个选择器整合成一个选择器。

// 选取所有p元素、ID为myId的元素和class为myClass的元素
$("p, #myId, .myClass")

结论

选择器是jQuery最重要的功能之一。通过使用选择器，可以快速方便地选择并操作HTML元素。在这篇文章中，我们已经介绍了jQuery选择器的基本语法、进一步选择器和整合选择器。