浅谈JQ伪类方法

除了4种鼠标状态伪类选择器，除了target，jQuery都支持，在jQuery中也叫过滤选择器
1．first-child
E:first-child 第一个E元素（这个E元素必须是父元素的第一个子元素）
2．first-of-type
E:first-of-type
第一个E类型的元素（这个E元素不一定是父元素的第一个子元素）
3．last-child
E:last-child 最后一个E元素（这个E元素必须是父元素的最后一个子元素）
4．last-of-type
E:last-of-type 最后一个E类型的元素（这个E元素不一定是父元素的最后一个子元素）
5．nth-child(n)
选择第n个子元素（从前往后数）
n是从1开始
E:nth-child(n) 选择第n个E元素。
li:nth-child(2n) {color:red}
li:nth-child(2n+1) {color:red}
li:nth-child(even){color:#f00;} / 偶数 /
li:nth-child(odd){color:purple;} / 奇数 /
6．nth-of-type(n)
E:nth-of-type(n) 选择第n个E类型的元素
7．nth-last-child(n)
E:nth-last-child(n)
选择第n个子元素（从后往前数）
8．nth-last-of-type(n)
E:nth-last-of-type(n)
9．only-child
就是父盒子里面只有它一个子元素

    
1111111111


    
2222222
    
33333333
    
4444

10．only-of-type
就是父盒子里面只有它一个E类型的子元素，父盒子里面可以有多个子元素

    
pppp
    
ppppp
    
1111111111

11．empty
选择没有任何子元素（包括text节点）的元素E

    
11111
    

    
33333

12．:enabled
选择表单中处于可用状态的元素
input:enabled{color:red}
13．:disabled
选择表单中处于禁用状态的元素
input:disabled{color:red}

14．:checked
选择表单中被选中的radio或checkbox元素
input:checked{color:red}

蓝色
红色

15．:focus
选择获得焦点的 input 元素

16．E:not(selector)
匹配不含有selector选择符的元素E

    
11111
    
22222
    爱学吧

    
11111
    
2222
    
333333

    
1111
    
222
    
33333