码迷,mamicode.com
首页 > Web开发 > 详细

jQuery选择器之过滤选择器

时间:2015-03-01 18:35:08      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

过滤选择器主要是通过特定的过滤规则来筛选出所需的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>元素


jQuery选择器之过滤选择器

标签:

原文地址:http://my.oschina.net/935572630/blog/381035

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!