jQuery选择器
-
CSS选择器复习
-
基本选择器:标签、类名、多类名、ID、通配符
-
复杂选择器:子代、后代、交集、并集
-
伪类选择器::link/:hover/:active/:visited
-
jQuery选择器划分
-
基本选择器:
-
ID $("#id")
-
类名 $(".class")
-
标签 $("div")
-
并集 $("div,p,li") 用,隔开,符合其中一个就可
-
交集 $("div.class") 两种选择器之间没有空格
-
层级选择器
-
子代选择器:$("ul>li")
-
后代选择器: $("ul li")
-
过滤选择器
-
索引 :eq(index) $("li:eq(2)").css("color","red")
-
奇数 :odd 如$("li:odd")下同,索引是奇数实际是偶数
-
偶数 :even
-
筛选选择器(方法)
-
children(selector) $("ul").children("li") 相当于子代选择器
-
find(selector) 相当于后代选择器
-
siblings(selector) 查找兄弟节点,不包括自己本身
-
parent() 查找父节点
-
eq(index) 相当于$("li:eq(2)")
-
next() 寻找下一个兄弟
-
prev() 找上一个兄弟
-
indes() 获取当前位置(索引)