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选择器 基本选择器 层次选择器 表单选择器 过滤选择器 练习 事例
- JQuery基本过滤选择器与表单对象过滤器
- JavaScript之jQuery-2 jQuery选择器(jQuery选择器、基本选择器、层次选择器、过滤选择器、表单选择器)
- 网站前端_jQuery-基础入门.玩转jQuery基本/层次/过滤/表单选择器?
- JQuery -- 介绍,选择器及其示例, 基本选择器,层次选择器,过滤选择器,表单选择器
- jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器
- jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器
- Jquery基本选择器 层次选择器 过滤选择器 表单选择器使用示例 带注释
- JQuery -- 介绍,选择器及其示例, 基本选择器,层次选择器,过滤选择器,表单选择器
- jquery内容过滤选择器:内容过滤选择器它是根据元素内部文本内容进行选中。
- jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器
- jQuery选择器的过滤器,即对选择的结果再进行一个过滤(如我不想要在<div id="test"></div>这里的input控件)
- jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器
- jQuery\Dom对象转换、JQuery各类选择器(基本/层次选择器、基本过滤/内容过滤选择器)
- JQuery 之选择器 & 过滤器 获取元素 标签对象
- Jquery基本选择器 层次选择器 过滤选择器 表单选择器使用示例 带注释
- Jquery——Day1(Jquery基本选择器+过滤选择器+表单选择器+表单过滤器)
- 前端学习笔记-jquery-9-(过滤选择器)过滤器:基本过滤器
- Jquery基本选择器 层次选择器 过滤选择器 表单选择器使用示例 带注释
- 前端学习笔记-jquery-11-(过滤选择器)过滤器:可见性过滤器