过滤选择器分类与基本过滤选择器总结

jquery过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头(除属性过滤选择器外)，按照不同的过滤规则, 过滤选择器可以分为

    基本过滤, 

    内容过滤, 

    可见性过滤, 

    属性过滤, 

    子元素过滤

    表单和表单对象属性过滤选择器

几个部分。

基础过滤选择器

    

1、:first

        用法: $(”tr:first”) ;   返回值  单个元素的组成的集合

      说明: 匹配找到的第一个元素

2、:last

    用法: $(”tr:last”)   返回值  集合元素

      说明: 匹配找到的最后一个元素.与 :first 相对应.

3、:not(selector)

    用法: $(”input:not(:checked)”)返回值  集合元素

     说明: 去除所有与给定选择器匹配的元素.有点类似于”非”,意思是没有被选中的input(当input的type=”checkbox”).

4、:even

        用法: $(”tr:even”)   返回值  集合元素

     说明: 匹配所有索引值为偶数的元素，从 0 开始计数.js的数组都是从0开始计数的.例如要选择table中的行,因为是从0开始计数,所以table中的第一个tr就为偶数0.

5、: odd    

    用法: $(”tr:odd”) 返回值  集合元素

      说明: 匹配所有索引值为奇数的元素,和:even对应,从 0 开始计数.

6、:eq(index)

    用法: $(”tr:eq(0)”)    返回值  集合元素

      说明: 匹配一个给定索引值的元素.索引值从0开始.

7、:gt(index)

用法: $(”tr:gt(0)”)    返回值  集合元素

说明: 匹配所有大于给定索引值的元素.

8、:lt(index)

    用法: $(”tr:lt(2)”)    返回值  集合元素  

      说明: 匹配所有小于给定索引值的元素.

9、:header(固定写法)

    用法: $(”:header”).css(”background”, “#EEE”)    返回值  集合元素

      说明: 匹配如 h1, h2, h3之类的标题元素.这个是专门用来获取h1,h2这样的标题元素.

10、:animated(固定写法)   返回值  集合元素

    说明: 匹配所有正在执行动画效果的元素

11、:focus   返回值  集合元素

    说明: 获取获得焦点的元素