Jquery——元素集的过滤

本文详细介绍了jQuery中用于缩小搜索范围的过滤方法,包括first(), last(), eq(), filter()和not()。这些方法帮助开发者基于元素的位置或指定标准精确选择DOM元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

过滤用于缩小搜索到的元素范围。三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。

  • first()

first() 方法返回被选元素的首个元素。

下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:

$(document).ready(function(){
  $("div p").first();
});
  • last()

last() 方法返回被选元素的最后一个元素。

下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:

$(document).ready(function(){
  $("div p").last();
});
  • eq()

eq() 方法返回被选元素中指定的某一个元素,通过下标索引获取,索引从0开始。

下面的例子选取第二个 <p> 元素(索引号 1):

$(document).ready(function(){
  $("p").eq(1);
});
  • filter()

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

下面的例子返回带有类名 "intro" 的所有 <p> 元素:

$(document).ready(function(){
  $("p").filter(".intro");
});
  • not()

not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。

下面的例子返回不带有类名 "intro" 的所有 <p> 元素:

$(document).ready(function(){
  $("p").not(".intro");
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值