jQuery中的过滤器顾名思义就是——“过滤选择”。
主要用途就是:选择更加明确的元素便于编辑。
使用关键词::$(“选择器:过滤器”)
常用的过滤器:
- :last(可以匹配找到最后一个元素) 例如:$(“tr:last”);
- :not(<选择器>):(可以去除所有与给定的选择器匹配的元素)
- :even(可以匹配所有索引值为偶数的元素。注意 : 索引值是从0开始计数的) 例如: $(“tr:even”)选择表格的奇数行:索引值为偶数;
- :odd(可以匹配所有索引值为奇数的元素);
- :eq(index)(可以匹配索引值为index的元素);
- :gt(index)(可以匹配索引值大于index的元素);
- :it(index)(可以匹配索引值小于index的元素);
- :header(可以选择所有H1、H2、H3等一类的header标签);
- :animated(可以匹配所有正在执行动画效果的元素);
first() 方法返回被选元素的首个元素。
下面的例子选取首个
元素内部的第一个
元素:
$(document).ready(function(){
$("div p").first();
});
last() 方法返回被选元素的最后一个元素。
下面的例子选择最后一个
元素中的最后一个
元素:
$(document).ready(function(){
$("div p").last();
});
eq() 方法返回被选元素中带有指定索引号的元素。
索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个
元素(索引号 1):
$(document).ready(function(){
$("p").eq(1);
});