JQuery-基本过滤器详解

目录

基本过滤器 

       1、选择第一个 first, 保留数组中第一个DOM对象 

       2、选择最后个 last,保留数组中最后DOM对象 

       3、选择数组中指定对象 

       4、选择数组中小于指定索引的所有DOM对象 

       5、选择数组中大于指定索引的所有DOM对象 

表单对象属性过滤器

       1、选择可用的文本框 

       2、选择不可用的文本框

       3、复选框选中的元素 

       4、选择指定下拉列表的被选中元素

---

 jQuery 对象中存储的 DOM 对象顺序与页面标签声明位置关系 

1

  dom1  

2

  dom2  

3

  dom3 

$("div") = [dom1,dom2,dom3] 

过滤器就是过滤条件，对已经定位到数组中DOM 对象进行过滤筛选，过滤条件不能独立出现在 jquery 函数，如果使用只能出现在选择器后方。

基本过滤器 

       1、选择第一个 first, 保留数组中第一个DOM对象 

                            语法：$(“选择器:first”) 

       2、选择最后个 last,保留数组中最后DOM对象 

                     语法：$("选择器:last") 

       3、选择数组中指定对象 

                             语法：$(“选择器:eq(数组索引)”) 

       4、选择数组中小于指定索引的所有DOM对象 

                            语法：$(“选择器:lt(数组索引)”) 

       5、选择数组中大于指定索引的所有DOM对象 

                   语法：$(“选择器:gt(数组索引)”) 

案例：

    
    
    
    
    


    
第1个div

    
第2个div

    

        
第3个div
        
第4个div
    
    

    
第5个div

    
第6个div

    
第7个div

    
    
    
    
    

表单对象属性过滤器

       1、选择可用的文本框 

                       $(“:text:enabled”) 

       2、选择不可用的文本框

                       $(“:text:disabled”) 

       3、复选框选中的元素 

                       $(“:checkbox:checked”) 

       4、选择指定下拉列表的被选中元素

                              选择器>option:selected 

                      例如：$("#id > option:selected")

案例：

    
    
    
    


    姓名

    

    爱好:
    敲代码

    看书

    下棋

    下拉框:
    
        Java语言
        C++语言
        python语言
    
    功能按钮: