jQuery选择器之过滤选择器
过滤选择器主要是通过特定的过滤规则来筛选出所需的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>元素
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。