一.内容过滤

1.内容过滤选择器介绍

• :empty 　　　　　　　　　　当前元素是否为空（是否有标签体）
• :contains(text) 　　　　　　   标签体是否含有指定的文本
• :has(...) 　　　　                    当前元素是否含有指定的子元素
• :parent 　　                            当前元素是否是父元素

2.代码实例

1  2  3  4  
      5   6  
       7   8   9  
       10   30 31 32   
内容过滤选择器.
33   手动重置页面元素34   点击下列按钮时先自动重置页面
35 36   37   38   39   40 41 42 
43 44    
     45   
     
      46  id为one,class为one的div47       
      
       class为mini
      
48   
     
49 50     
     
      51      id为two,class为one,title为test的div.52       
      
       class为mini,title为other
      
53       
      
       class为mini,title为test
      
54   
     
55 56   
     
      57       
      
       class为mini
      
58       
      
       class为mini
      
59       
      
       class为mini
      
60       
      
61   
     
62 63   64 65   
     
      66       
      
       class为mini
      
67       
      
       class为mini
      
68       
      
       class为mini
      
69       
      
       class为mini,title为tesst
      
70   
     
71 72 73   
     
      style的display为"none"的div
     
74   75   
     
      class为"hide"的div
     
76  77   
     
      78   包含input的type为"hidden"的div
      79   
     
80 81   82   正在执行动画的span元素.83 84 85 

 

二、可见性过滤

1.可见性过滤器介绍

 

• :hidden 隐藏的 特指<xxx style="display:none;"/>,获得<input type="hidden"/>
• :visible　　  可见的

2.代码实例

1  2  3  4  
      5   6  
       7   8   9  
        10   35 36 37   
可见性过滤选择器.
38   手动重置页面元素39   点击下列按钮时先自动重置页面40   
41   42   43   44   45   
46   47   
     48  49  50  51  52   53   
     
      54  id为one,class为one的div55       
      
       class为mini
      
56   
     
57 58     
     
      59      id为two,class为one,title为test的div.60       
      
       class为mini,title为other
      
61       
      
       class为mini,title为test
      
62   
     
63 64   
     
      65       
      
       class为mini
      
66       
      
       class为mini
      
67       
      
       class为mini
      
68       
      
       class为mini,title为tesst
      
69   
     
70 71 72   
     
      style的display为"none"的div
     
73   74   
     
      class为"hide"的div
     
75   76   正在执行动画的span元素.77 78