jQuery选择器之过滤选择器

过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤规则与CSS中的伪类选择器语法相同,及选择器都以一个冒号(:)开头。按照不同的过滤规则,过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。

  1. 基本过滤选择器


    选择器
    描述 返回 示例
    :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")选取当前获取焦
    点的元素
  2. 内容过滤选择器

    选择器 描述 返回 示例
    :contains(text) 选取含有文本内容为“text”的元素 集合元素 $("div:contains(‘我‘)")选取含有文本‘我‘的<div>元素


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。