02-jQuery的选择器

02-jQuery的选择器

 

 

 

 

 

我们以前在CSS中学习的选择器有：

今天来学习一下jQuery 选择器。

jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。

1、jQuery 的基本选择器

 

代码如下：

效果如下：

 

2、层级选择器

 

代码如下：

    
    
    
    



    
111
    
222
    
333
    

        
aaa
        
bbb
        
ccc
    

效果如下：

 

3、基本过滤选择器

解释：

代码如下：

    
        
        
    
    
        

            
哈哈哈哈，基本过滤选择器
            
嘿嘿嘿
            
天王盖地虎
            
小鸡炖蘑菇
            
        
    
    
    

效果如下：

4、属性选择器

 

代码如下：

    
        
        
    
    
         

            
属性元素器
            
            

                
分手应该体面
                
分手应该体面
                
分手应该体面
                
分手应该体面

            

            


                
                
                
                
                按钮1
                按钮1
                按钮1
                按钮1


            
        
    
    
    

效果如下：

 

 

 5.筛选选择器

代码如下：

    
        
        
    
    
         

            

                我是第一个span标签
                我是第二个span标签
                我是第三个span标签
            
            按钮
        
        

            
2
            
3
            
4
            
5
        
    
    
    

效果如下：

选择器介绍完毕，内容比较多，大家根据之前学习到的css选择器可以更好的使用jquery选择器的用法