过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤规则与CSS中的伪类选择器语法相同,即选择器都以一个冒号(:)开头。按照不同的过滤规则,过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。
- 基本过滤选择器
选择器 描述 返回 示例 :first 选取第一个元素 单个元素 $(“div:first”)选取所有div元素中的第一个div元素 :last 选取最后一个元素 集合元素 $(“input:not:(.myclass)”)选取class不是myclass的input元素 :even 选取索引是偶数的所有元素,注意:索引是从0开始的 集合元素 $(“input:even”)选取索引是偶数的input元素。 :odd 选取索引是奇数的所有元素,注意:索引是从0开始的 集合元素 $(“input:odd”)选取索引是奇数的input元素。 :eq(index) 选取索引等于index的元素,注意:索引是从0开始的 集合元素 $(“input:eq(1)”)选取索引等于1的input元素。实际上选择的是第二个input元素 :gt(index) 选取索引大于index的元素,注意:索引是从0开始的 集合元素 $(“input:gt(1)”)选取索引大于1的input元素。 :lt(index) 选取索引小于index的元素,注意:索引是从0开始的 集合元素 $(“input:lt(1)”)选取索引小于于1的input元素。这个就等同于$(“input:eq(0)”) :header 选取所有的标题元素,例如h1,h2,h3….. 集合元素 $(“:header”)选取网页中所有的h1,h2,h3…. :animated 选取当前正在执行动画的所有元素 集合元素 $(“div:animated”)选取正在执行动画的div元素