1.基本选择器:
(1)id选择器 ------------ #id01{}
(2)类选择器------------ .css01{}
(3)标签或元素选择器------------ input{} a{}
(4)元素组合选择器 ---------------- input ,a{}
(5)通配符选择器 ------------------- *{}
2.层次选择器:
(1)子元素选择器 ----------------- div>ul{} div ul{} (有大于号表示选取div下第一层ul,不加则表示选取所有的ul)
(2)兄弟元素选择器--------------div~ul{}
(3)毗邻元素选择器 ---------------div+ul{}
3.过滤选择器
(1)基本过滤
input:first (选第一个input)
input:last (选最后一个input)
input:not(.css01) 反选选择器(选class不是‘css01’的input
input:even (选索引是偶数的input)
input:odd (选索引为基数的input)
input:eq(1) (选第2个input)
input:lt(2) (选索引小于2的input 不包括2)
input:gt(2) (选索引大于2的input 不包括2)
:header (选所有标题元素)
:animated (选所有动画元素)
:focus (选当前获取焦点的元素)
(2)内容过滤
p:contains(‘hello’) (选含有hello文本的p)
p:empty (选所有不包含子元素的空p)
p:has(span) (选所有包含input标签的p)
p:parent (选所有含有子元素的p)
(3)属性过滤
input[attrState] 选input元素中所有含有“attrState”属性的 元素
a[href$=“abc”] 选后边和abc一样字符属性的a标签
a[href^=“abc”] 选前边和abc一样字符属性的a标签
a[href*=“abc”] 选含有和abc一样字符属性的a标签
a[href~=“abc”] 选含有和abc一样单词属性的a标签,说明href中有很多词,其中包括abc,词和词之间用空格隔开
a[href|=“http”] 选含有和“http”或者是“http-”一样属性的a标签
[attrA][attrB][attrC] 选同时含有attrA、attrB、attrC 属性的标签
(4)表单对象属性过滤
div:enabled (选所有可用的div)
div:disabled (选所有不可用的div)
input:checked (选所有被选中的input checkbox)
div:selected (选所有被选中的选项)
(5)子元素过滤
div:first-child (选每个div元素下的第一个子元素)
div:last-child (选每个div元素下的最后一个子元素)
table tr:only-child (table中只有一个tr 则这个tr会被选中)
.divSon:nth-child(even) 索引值为偶数
.divSon:nth-child(odd) 索引值为基数
.divSon:nth-child(2) 索引值=2
.divSon:nth-child(2n) 索引值是2的倍数 n从1开始
.divSon:nth-child(2n+1) 索引值是(2n+1)
(6)可见性过滤
div:hidden 选所有隐藏的div
div:visible 选所有未被隐藏的div
4.表单选择器
:input (选所有的 input textarea select button 标签)
:text (选所有单行文本框)
:password (选所有密码框)
:radio (选所有单选框)
:checkbox (选所有复选框)
:submit (选所有提交按钮)
:image (选所有图像按钮)
:reset (选所有重置按钮)
:button (选所有按钮)
:file (选所有上传域)
:hidden (选所有隐藏域)
参考《锋利的JQuery(第二版)》—人民邮电出版社