jQuery选择器有以下基本类型 :，- ID选择器：根据给定的id匹配一个元素，返回单个元素。，- 类选择器：根据给定的类名匹配元素，返回元素集合。，- 元素(标签)选择器：根据给定的元素名匹配元素，返回元素集合。，- * 选择器：匹配所有元素，返回元素集合。，- selector1,selector2,...,selectorN(并集选择器):将每个选择器匹配到的元素合并后一起返回，返回合并后的元素集合。
jQuery选择器的基本语法
jQuery选择器是一种强大的工具，它可以让我们轻松地在HTML文档中选取和操作元素，jQuery选择器的语法非常灵活，主要包括以下几种：
1、元素选择器：通过标签名选取元素。
2、类选择器：通过类名选取元素。
3、ID选择器：通过元素的ID选取元素。
4、属性选择器：通过元素的属性选取元素。
5、伪类选择器：通过元素的状态选取元素。
6、伪元素选择器：通过元素的部分样式选取元素。
7、组合选择器：通过多个选择器组合选取元素。
8、子代选择器：通过后代选取元素。
9、相邻兄弟选择器：通过紧邻的兄弟选取元素。
10、一般内容选择器：选取所有非空白字符。
11、文本内容选择器：选取指定文本内容的元素。
12、包含选择器：选取包含指定文本内容的元素。
13、模糊选择器：选取与指定表达式匹配的元素。
14、边界选择器：选取指定方向的边界元素。
15、子界外选择器：选取指定方向的子界外元素。
各类型jQuery选择器的详细说明
1、元素选择器(Element selector)
$("tagname") // 通过标签名选取元素
选取所有的<div>元素：
$("div")
2、类选择器(Class selector)
$(".classname") // 通过类名选取元素
选取所有具有my-class类的元素：
$(".my-class")
3、ID选择器(ID selector)
$("idname") // 通过ID选取元素，注意ID是唯一的
选取具有特定ID的元素：
$("my-id")
4、属性选择器(Attribute selector)
$("[attribute=value]") // 通过属性值选取元素
选取所有具有href属性值为https://www.example.com的<a>元素：
$("a[href='https://www.example.com']")
5、伪类选择器(Pseudo-class selector)
$(":pseudo-class") // 通过伪类状态选取元素，如：hover、active等
选取所有处于鼠标悬停状态的元素：
$("a:hover")
6、伪元素选择器(Pseudo-element selector)
$("::pseudo-element") // 通过伪元素样式选取元素，如：first-letter、nth-child等
选取所有第一个字母加粗的段落：
$("p::first-letter") // 注意这里没有空格，因为伪元素紧跟在其他选择器之后，不需要空格分隔符，如果需要空格，可以在伪元素前加上一个空格，如：p::first-letter + span表示选取第一个字母后的下一个兄弟节点为span的段落，但这种写法并不推荐，因为可能导致语义不清晰，建议直接使用无空格的形式：p::first-letter,这样更简洁明了。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/248445.html
微信扫一扫 