Jquery过滤选择器之基本过滤选择器

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

首先介绍基本过滤选择器

选择器描述返回实例
:first选取第一个元素单个元素$("div:first")选取所有<div>元素中第一个<div>元素
:last选取最后一个元素单个元素$("div:last")选取所有<div>元素中最后一个<div>元素
:not(selector)去除所有与给定选择器汽配的元素集合元素$("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>元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值