jQuery的选择器有以下几种类型:
- 元素选择器(Element Selector):通过标签名选取元素,例如
$("p")
会选取所有的<p>
元素。 - ID选择器(ID Selector):通过元素的id属性选取元素,例如
$("#myId")
会选取具有id="myId"
的元素。 - 类选择器(Class Selector):通过元素的class属性选取元素,例如
$(".myClass")
会选取具有class="myClass"
的元素。 - 属性选择器(Attribute Selector):通过元素的属性选取元素,例如
$("[href]")
会选取所有具有href
属性的元素。 - 子元素选择器(Child Selector):通过元素的子元素选取元素,例如
$("ul li")
会选取所有<ul>
元素下的<li>
元素。 - 后代元素选择器(Descendant Selector):通过元素的后代元素选取元素,例如
$("div p")
会选取所有<div>
元素内的<p>
元素。 - 相邻兄弟元素选择器(Adjacent Sibling Selector):选取紧接在指定元素之后的兄弟元素,例如
$("h2 + p")
会选取紧接在<h2>
元素后面的<p>
元素。 - 兄弟元素选择器(General Sibling Selector):选取指定元素之后的所有兄弟元素,例如
$("h2 ~ p")
会选取所有<h2>
元素之后的<p>
元素。 - 父元素选择器(Parent Element Selector):通过元素的父元素选取元素,例如
$(".myClass").parent()
会选取所有具有class="myClass"
的元素的父元素。 - 过滤选择器(Filter Selector):通过指定条件过滤选取元素,例如
$("li:first-child")
会选取每个<ul>
中的第一个<li>
元素。
这些是jQuery中常用的选择器类型,可以根据具体需求选择合适的选择器来选取元素。