标签:
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤规则与CSS中的伪类选择器语法相同,及选择器都以一个冒号(:)开头。按照不同的过滤规则,过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。
基本过滤选择器
选择器 |
描述 | 返回 | 示例 |
:first | 选取第一个元素 | 单个元素 | $("div:first")选取所有<div> 元素中第一个<div>元素 |
:last | 选取最后一个元素 | 单个元素 | $("div:last")选取所有<div> 元素中最后一个<div>元素 |
:not |
去除所有与给定选择器匹配的元素 | 集合元素 | $("input:not(.myclass)")选取class 不是myclass的<input>元素 |
:even | 选取索引是偶数的所有元素,索引从0开始 | 集合元素 | $("input:even")选取索引是 偶数的<input>元素 |
:odd | 选取索引是奇数的所有元素,索引从0开始 | 集合元素 | $("input:odd")选取索引是 奇数的<input>元素 |
选择器 | 描述 | 返回 | 示例 |
:eq(index) |
选取索引等于index的元素(index从0开始) | 单个元素 | $("input:eq(1)")选取索引 等于1的<input>元素 |
:gt(index) | 选取索引大于index的元素(index从0开始) |
集合元素 | $("input:gt(1)")选取索引 大于1的<input>元素(大于1, 但不包括1) |
:lt(index) | 选取索引小于index的元素(index从0开始) |
集合元素 | $("input:lt(1)")选取索引 小于1的<input>元素(小于1, 但不包括1) |
:header | 选取所有的标题元素,例如h1,h2,h3等 | 集合元素 | $(":header")选取网页中 所有的<h1>,<h2>,<h3>... |
:animated | 选取当前正在执行动画的所有元素 | 集合元素 | $("div:animated")选取 正在执行动画的<div>元素 |
:focus | 选取当前获取焦点的元素 | 集合元素 | $(":focus")选取当前获取焦 点的元素 |
内容过滤选择器
选择器 | 描述 | 返回 | 示例 |
:contains(text) | 选取含有文本内容为“text”的元素 | 集合元素 | $("div:contains(‘我‘)")选取含有文本‘我‘的<div>元素 |
标签:
原文地址:http://my.oschina.net/935572630/blog/381035