在 jQuery 中,选择器是用来选择 DOM 元素的一种方法。通过选择器,我们可以方便地获取页面上的元素,并对其进行操作。
基本选择器
ID 选择器
使用 #
符号加上元素的 ID 来选择一个元素,例如:
$("#myElement")
类选择器
使用 .
符号加上元素的类名来选择一个或多个元素,例如:
$(".myClass")
元素选择器
选择所有指定元素的实例,例如:
$("p")
属性选择器
选择具有指定属性的元素,例如:
$("[name='myName']")
层次选择器
后代选择器
选择所有指定元素的后代元素,例如:
$("div p")
子元素选择器
选择指定元素的直接子元素,例如:
$("ul > li")
相邻兄弟选择器
选择指定元素的相邻兄弟元素,例如:
$("h2 + p")
兄弟选择器
选择指定元素的所有兄弟元素,例如:
$("h2 ~ p")
过滤选择器
:first
选择第一个匹配的元素,例如:
$("p:first")
:last
选择最后一个匹配的元素,例如:
$("p:last")
:even
选择偶数位置的元素,例如:
$("tr:even")
:odd
选择奇数位置的元素,例如:
$("tr:odd")
以上就是 jQuery 选择器的基本用法,通过灵活运用选择器,我们可以更加高效地操作 DOM 元素。