四、过滤选择器

4.1简单过滤选择器

类似css的伪类选择器,:开头,与另一选择器一起使用。

(1) :first选择器

$("selector:first")

选择出第一个匹配元素

(2) :last选择器

选择出最后一个匹配元素

(3) :odd选择器

选择索引为奇数的元素,从0计数。

(4) :even选择器

选择索引为偶数的元素,从0计数。

(5) :eq()选择器

$("selector:eq(index)")

选择索引等于index的元素。

(6) :gt()选择器

选择索引大于index的所有元素。

(7) :lt()选择器

选择索引小于index的所有元素。

(8) :not()选择器

$(selector1:not(selector2))

选择与selector1匹配的元素中除去与selector2匹配的元素。

(9) :header选择器

$(":header")

选择h1,h2...之类的标题元素。

(10)  animated选择器

选择所有正在执行动画效果的元素。

4.2 内容过滤选择器

(1) :contains()选择器

$("selector:contains(text)")

选择包含给定文本的所有元素。

(2) :has()选择器

$("selector1:has(selector2)")

选择包含给定子元素的元素。

(3) :empty选择器

$("selector:empty")

选择不包含子元素或文本的元素。

(4) :parent选择器

选择包含子元素或文本的所有元素。

4.3 属性过滤选择器

(1) 包含属性选择器

$("selector[attribute]")

(2) 属性等于选择器

$("selector[attribute=value]")

选择给定属性等于某特定值的元素。

(3) 属性包含选择器

$("selector[attribute*=value]")

选择指定属性值包含了给定字符串的所有元素。

(4) 属性包含单词选择器

$("selector[attribute~=value]")

选择指定属性中包含指定单词(由空格分隔)的元素。

(5) 属性不等于选择器

$("selector[attribute]!=value")

选择不包含指定属性或者包含指定属性但是不等于指定值的元素。

(6) 属性开始选择器

$("selector[attribute]^=value")

选择给定属性以某一特定值开始的所有元素。

(7) 属性结尾选择器

$("selector[attribute$=value]")

(8) 复合属性选择器

$("selector[..][...]...")

选择同时满足多个条件的所有元素。

4.4 子元素过滤选择器

(1) first-child选择器

$("selector:first-child")

选择其父级的第一个子元素的所有元素。

(2) last-child

(3) nth-child()选择器

$("selector:nth-child(index/even/odd/equation)")

选择父元素下的第n个元素或者奇偶元素。

(4) only-child选择器

选择某元素的唯一选择器。

4.5 表单域属性过滤选择器

(1) :checked选择器

$("selector:checked")

选择所有被选中的表单域。

(2) :enabled选择器

选择所有可用的表单域。

(3) :disabled选择器

选择所有被禁用的表单域。

(4) :selected选择器

选择从列表框中选中的option元素。

4.6 可见性过滤选择器

(1) :hidden选择器

用于选择所有不可见元素。

(2) :visible选择器

用于选择所有可见元素。

 

posted @ 2012-05-20 19:34  妖儿  阅读(148)  评论(0)    收藏  举报