常用的 jQuery 选择器有以下几种:
-
元素选择器(Element Selector):使用元素的名称作为选择器,例如
$("p")
选择所有元素。
-
ID 选择器(ID Selector):使用元素的 ID 属性值作为选择器,例如
$("#myId")
选择带有 ID 为 “myId” 的元素。 -
类选择器(Class Selector):使用元素的类名作为选择器,例如
$(".myClass")
选择带有类名为 “myClass” 的元素。 -
属性选择器(Attribute Selector):使用元素的属性值作为选择器,例如
$("[name='myName']")
选择带有 name 属性值为 “myName” 的元素。 -
后代选择器(Descendant Selector):选择指定元素的后代元素,例如
$("parentElement descendantElement")
选择 parentElement 元素内的 descendantElement 元素。 -
子元素选择器(Child Selector):选择指定元素的子元素,例如
$("parentElement > childElement")
选择 parentElement 元素的直接子元素 childElement。 -
兄弟选择器(Sibling Selector):选择与指定元素具有相同父元素的所有兄弟元素,例如
$("targetElement ~ siblingElement")
选择 targetElement 元素之后的所有 siblingElement 元素。 -
过滤器选择器(Filter Selector):使用特定的过滤器选择元素,例如
:first
选择第一个匹配的元素,:last
选择最后一个匹配的元素,:even
选择偶数位置的元素,:odd
选择奇数位置的元素等。
这些是常用的 jQuery 选择器,根据具体需求可以选择合适的选择器来选取元素。