JQuery 选择器与过滤器（随手笔记）

一、表单选择器
虽然可以使用常规的选择器来对表单的元素进行定位，但还是不能满足多变的需求，所以这里我们一起来学习一下JQuery表单选择器。
例如：
二、表单过滤器
JQuery提供了四种表单过滤器，分别可以用在是否可用，是否选择来进行表单字段的筛选

        
    
    
    
    
    
    
        1
        2
        3
    



三、Jquery可见性过滤器

例如：
$('span:hidden').size();

四、子元素过滤器

例如:

    

        
1
        
2
        
3
        
4
        
5
    
    

        
6
    

五、内容过滤器
内容过滤器的过滤规则主要在包含的子元素和文本内容上。

例如：

    

        
1
        
2
        
3
        
4
        
突出显示的内容
    
    

        
6
    
    

        突出显示的内容
    
    

    

        突出显示的内容
    

六、高级选择器

例如：
//后代选择器
$("#box p").css("color","pink");//浏览器全兼容
Jquery为后代选择器提供了一个等价的方法find()
$("#box"),find("p").css("color","pink");.//等价 后代选择器
//子选择器
$("#box > p").css("color","pink");
Jquery为子选择器提供了一个等价的方法children()方法。
$("#box").children("p").css("color","pink");//等价 子选择器

    

        
1
        
2
        
3
        
4
        
突出显示的内容
    
    

        
6
    
    

        突出显示的内容
    
    

    

        突出显示的内容1
    
    

        突出显示的内容2
    

七、过滤选择器
过滤器主要通过特定的过滤规则来筛选所需的DOM元素，和CSS类似用(:)开头。


例如：

     
    

        
1
        
2
        
3
        
4
        
突出显示的内容
    
    
        
5
        
6
        
7
        
8
        
9
    
    
10
    
11
    
12

八、进阶选择器
在简单的选择器中，最基本的三种选择器：元素标签名、ID和class类。还有一些进阶和高级的选择器：

例如：

            
    

        

            
1
            
2
            
3
            
4
            
突出显示的内容