您的位置:首页 > Web前端 > JQuery

jquery过滤器,过滤器它是在基本选择器与层次选择器获取到一批元素后,再进行过滤操作

2017-11-01 15:45 573 查看

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");

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery
相关文章推荐