jQuery的选择器和CSS的选择器非常相似,所以先从CSS选择器入手,了解下选择器的分类。CSS1-CSS3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样,所以很多选择器在实际CSS开发中很少用到
CSS1-CSS3提供了非常多的选择器,总的来说我们可以分几大类:
群组选择器:逗号“,” 简单选择器:ID、标签、类、属性、通配符 关系选择器:孩子、后代、相邻、兄弟 伪类选择器:动作伪类、目标伪类、语言伪类、状态伪类、结构伪类、取反伪类
群组选择器用于分组合并多个处理的结构
selector1, selector2, selectorN
简单选择器"#" "." "[" "*" ,这些都有内置原生API的支持,不过存在兼容问题。
属性选择器在CSS2.1中只有四种
[att] [att=val] [att~=val] [att|=val]
在CSS3中又增加了三种:
[attr^=val] [attr$=val] [attr*=val]
当然除此之外jQuery还实现了自定义的属性选择器:
[attribute!='value'] [attributeFilter1][attributeFilter2][attributeFilterN]
关系选择器
关系选择器存在着关联,不能是单独存在的。
ancestor descendant parent > child prev + next prev ~ siblings
伪类
这个细分就很多了,jQuery把这些伪类加工并扩展成几个大块:
基本筛选器: eq get first lang It not odd root... 内容筛选器: contains empty has parent... 可见筛选器: hidden visible 子元素筛选器: first-child nth-child only-child... 表单: bottom checkbox foucs input text...
查阅jQuery的API,针对选择器的处理确实太多了。
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报