jq常用过滤器_jquery过滤器：过滤器详解

:eq()

在匹配的集合中选择索引值为index的元素(索引从0开始)。

语法格式:$('xxx:eq(x)')...

$('xxx').eq(x)...

:even

选择所引值为偶数的元素，从 0 开始计数。$('xxx:even')...

:odd

选择索引值为奇数元素，从 0 开始计数。$('xxx:odd')...

:first

选择第一个匹配的元素。$('xxx:first')...

$('xxx').first()...

:gt()

选择匹配集合中所有大于给定index(索引值)的元素。$('xxx:gt(x)')...

:lt()

选择匹配集合中所有索引值小于给定index参数的元素。$('xxx:lt(x)')...

:not()

选择所有元素去除不匹配给定的选择器的元素。语法:

$('xxx:not(xxx)')...

$('xxx').not(xxx)...

示例:

1

2

3

$(function(){

$('div:not(.test)').css({color:'#900'});

//或

$('div').not('.test').css({color:'#900'});

});

:animated

选择所有正在执行动画效果的元素.$('xxx:animated')...

:header

选择所有标题元素，像h1, h2, h3 等.$(':header')...

.has()

筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素。

1

2

3

$(function(){

$('div').has('span').css({'background':'#900'});

});

.slice()

根据指定的下标范围，过滤匹配的元素集合，并生成一个新的 jQuery 对象。

• list item 1
• list item 2
• list item 3
• list item 4
• list item 5

$(function(){

//$('li').slice(2).css('background-color', 'red');

$('li').slice(1, 3).css('background-color', 'red');

});