1. 过滤器
过滤器它是在基本选择器与层次选择器获取到一批元素后,再进行过滤操作,使用过滤选择器基本都是:开头,除了属性过滤选择器。
1.1. 基本过滤选择器
以下过滤器都是以:开头的
:First:获取符合条件的第一个元素
Last:获取符合条件的最后一个元素
Not(selector):除了选择器选的的元素之外的
Gt(index):获取索引之后 (比该索引大的)的所有元素
lt(index):获取索引之前 (比该索引小的)的所有元素
eq(index):获取对应的索引的元素
Even:匹配所有索引为偶数的元素
Odd:匹配所有索引为奇数的元素
Header:匹配所有的标题元素
示例:
$(function(){
// 基本过滤器 都是以:开头的
// 1 设置表格第一行,显示为红色 first属性获取第一个指定的标签
$("tr:first").css("color","red");
// 2 设置表格除了第一行 显示为蓝色 可以通过not 也可以同过gt(),gt就是大于给定元素索引的
$("tr:not(tr:first)").css("color","blue");
$("tr:gt(0)").css("color","blue");
// 3 设置奇数行和偶数行的颜色不一致 even匹配所有索引为偶数的元素 从0 开始 odd是匹配奇数
$("tr:even").css("color","red");
$("tr:odd").css("color","blue");
// 4 设置标题为灰色 header 匹配所有标题元素
$(":header").css("color","gray");
});