jQuery选择器

 jQuery选择器模仿css选择器的语法，其作用是，查找符合选择器要求的节点。

 a.基本选择器 

  #id

  .class

  element

  selector1,select2..selectn

  *

例子：

 

     
      
     
      hello jQuery
     
 
     
      hello java
     
 
hello c
 

 

 b.层次选择器

  select1 select2

  select1>select2

  select1+select2

  select1~select2

  

例子：

1  2 
      3  4 
      5  6  8 29 30 31  hello 732  
     
      33   
      
       hello 1
      
34   
      
       36    
       
        hello 3
       
38   
      
39   
      
hello 4
40  
     
41  hello 5
42  hello 643  45  46 47 

 

 

 

4.过滤选择器

 (1)基本过滤选择器

  :first

  :last

  :not(selector)

  :even

  :odd

  :eq(index)

  :gt(index)

  :lt(index)

  

  例子:

     
      
     
         
          
        
id
        
name
       
        
        
          
        
1
        
zs
       
          
        
2
        
ww
       
          
        
3
        
ss
       
        
      
 

 

 (2)内容过滤选择器 

  :contains(text)

  :empty

  :has(selector)

  :parent

例子：

     
     
     
      你好
     
     
     
 
      
hello
     
 (3)可见性过滤选择器  :hidden  :visible例子：
     
     
      hello jQuery
     
     
      hello java
     

 

 (4)属性过滤选择器

  [attribute]

  [attribute=value]

例子：

     
       
     
      hello 1
     
 
     
      hello 2
     
 
     
      hello 3