//基本选择器(精通)
1.id $("#id")
2.class $(".class")
3.标签 element $(“标签”)
4.通用选择器 $("*")
5.多选择器(".class,.class1,.class2")
//层级选择器(精通)
1.后代子元素
(
"
d
i
v
p
"
)
2.
直
接
子
元
素
("div p") 2.直接子元素
("divp")2.直接子元素(“div>p”)
3.紧临兄弟节点
(
"
d
i
v
+
p
"
)
4.
所
有
兄
弟
("div+p") 4.所有兄弟
("div+p")4.所有兄弟(“div~p”)
//过滤选择器(熟练)
1.:first $(“div:first”)
2.:last $(“div:last”)
3.:not() $(“div:not(#id)”)除去id的
4.:even $(“div:even”)偶数
5.:odd $(“div:odd”)奇数
6.:eq $(“eq(索引)”)索引
7.:gt $(“gt(索引)”)大于索引
8.:lt $(“lt(索引)”)小于索引
9.:header $(":header")h1,h2,h3标题类标签
//内容选择器
1.:containt(text) $(“div:containt(‘text’)”)包含文本的元素
2.:empty $(“td:empty”)不含子元素或空文本元素
3.:has(selector) $(“div:has§”)含有选择器匹配元素的元素
4.:parent $(“td:parent”)含有子元素或者文本的元素
//可见性
1.:hidden $(“div:hidden”)不可见
2.:visible $(“div:visible”)可见
//属性选择器
1.[属性(id class name)] $(“div[id]”) 有id属性的div
2.[属性=’’] $(“div[id=‘navtop’]”)id为navtop的div
3.[属性^=’’] KaTeX parse error: Double superscript at position 11: ("div[id^='̲nav']")id以news开…=’’]
(
"
d
i
v
[
i
d
("div[id
("div[id=‘tab’]")id以news结尾的属性
5.[属性*=’’] $(“div[id*=‘man’]”)id中包含man字符的
6.[属性=’’][属性*=’’] $(“div[class=‘nav’][id*=‘man’]”)class为nav且id为包含man字符的
//查找(文档处理的)
$(“div”).children(’.selected’) div中查找子元素 类名为.selected $(“div”).children()所有子元素
$(“p”).parent(".selected") div中查找父元素 类名为.selected $(“div”).parent()所有父元素
$(“div”).siblings(".selected") div中查找兄弟级元素 类名为.selected $(“div”).siblings()所有兄弟级元素