筛选选择器:主要是方法
1.children(selector)
例如: $("div").children("li");
相当于$("div>li"),子类选择器。
2.find(selector)
例如:$("div ").find("li");
相当于$("div li"),后代选择器
3.sibings(selector)
查找兄弟节点,不包括自己本身
4.parent()
查找父亲
5.eq(index)
相当于过滤选择器---$("selector:eq(index)"),index从0开始
6.next()
查找下一个兄弟
7.prev
查找上一个兄弟
属性选择器:
1.$("selector[type=属性名]")
例如:$("input[type=text]")
2.$("selecter[属性名]")
例如:$("div[class]") 选择所有带class属性的div
常见的选择器:
1.id选择器
2.类选择器
3.标签选择器
4.属性选择器
5.过滤选择器
6.筛选选择器
7.伪类选择器
8.伪元素选择器
伪元素after,before
例如:before
div::before{
content:"我"
}
<div>今年</div>
必须带一个属性content,意思是在div内部,“今年”内容的前面,插入我,理所应当“今年”往后移动
整个还在div这个盒子里面,这个before其实是个盒子,是行内的盒子,行内元素。
9层次选择器
1)子代选择器:
$("div>ul")
2)后代选择器
$("div ul")
10.并集选择器:
$("div,p,span")使用,隔开。只要满足之一就可以了
11.交集选择器
$("div.red")
是div并且类名是red,注意选择器与选择器之间没有空格。