【jQuery学习】—jQuery对象的过滤

【jQuery学习】—jQuery对象的过滤

一、eq方法

  • 作用:获取对应下标的jQuery对象
  • 格式:jQuery对象集合.eq(下标)
    在这里插入图片描述
    在这里插入图片描述

二、first方法

  • 作用:获取匹配元素集合中的第一个元素

  • 格式:jQuery对象集合.first()
    在这里插入图片描述
    在这里插入图片描述

三、last方法

  • 作用:获取匹配元素集合中的最后一个元素
  • 格式:jQuery对象集合.last()
    在这里插入图片描述
    在这里插入图片描述

四、is方法

  • 作用:判断当前匹配元素集合中的元素是否与指定的参数匹配,匹配的返回值为true,否则返回值为true
  • 格式:元素.is(参数)
  • 例如:$('li').eq(0).parent().is('div')
  • 返回值:布尔值
    在这里插入图片描述

五、has 方法

  • 作用:筛选匹配元素集合中包含特定后代的元素
  • 格式:元素.has(参数),参数为CSS选择器
  • 例如:$('li').has('span').css('background','red');

在这里插入图片描述

在这里插入图片描述

六、not方法

  • 作用:从匹配的元素集合中移除指定的元素
  • 格式:元素.not(参数),参数为选择器
  • 例如:$('li'),not('#box').css('color','red');
    在这里插入图片描述
    在这里插入图片描述

七、slice方法

  • 作用:选取匹配元素集的子集
  • 格式:元素.slice(begin,end);
    在这里插入图片描述

在这里插入图片描述

八、filter方法

  • 作用:筛选出与指定表达式匹配的元素

  • 格式:元素.filter(‘选择器1,选择器2,选择器3……’)

  • 例如:($('p').filter(:first,:last))
    在这里插入图片描述
    在这里插入图片描述

九、map方法

  • 作用:次方法可以通过它的回调函数处理匹配元素集合中的每一个元素,返回值是一个由jQuery包装的数组,通常利用get()获取jQuery对象封装的整个数组或者数组的某个元素
  • 格式:元素.map(回调函数)
    在这里插入图片描述
    在这里插入图片描述
  • 12
    点赞
  • 40
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王同学要努力

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值