1. jQuery的基本选择器

代码示例如下所示：

显示结果如下图：

 

2. 层级选择器

代码如下：

    
                     
     
        
      
111
        
      
222
        
      
333
        
      
            
       
aaa
            
       
bbb
            
       
ccc
        
      
    
     

显示的效果， 如下图所示：

 

3. 基本过滤选择器

代码如下：

    
         
         
                     
     
        
      
This is the first line.
        
      
This is the second line.
        
      
This is the third line.
        
      
This is the fourth line.
        
      
This is the fifth line.
    
     

显示结果为：

4. 属性选择器

示例代码如下：

    
                     
     
        
      
属性选择器
        
      
            
       
This is the first line.
            
       
This is the second line.
            
       
This is the third line.
            
       
This is the fourth line.
        
      
        
      
            
                   
                   
                   
                   
       
            
       按钮1            
       按钮2            
       按钮3            
       按钮4        
      
    
     

显示的结果如下图所示：

 

5. 筛选选择器

示例代码如下所示：

    
                     
     
        
      
            第一个span标签            第二个span标签            第三个span标签        
        
      按钮    
     
    
     
        
      
This is the first line.
        
      
This is the second line.
        
      
This is the third line.
        
      
This is the fourth line.
    
     

显示结果如下图所示：