juqery-筛选器-找前后上下

本文详细介绍了jQuery中各种选择器的使用方法,包括next(), nextAll(), prev(), prevAll(), parents(), find()等,以及如何进行链式操作来高效地定位和操作DOM元素。

筛选器

通过一个jquery标签对象,找其它的标签对象

  • 下一个系列

next(),下一个

nextAll(),下面所有的

nextUntil(选择器),下一个直到遇见了谁谁

  • 上一个系列

prev(),上一个

prevAll(),上面所有的

prevUntil(选择器),上面的直到遇见

注,until系列,不包含选择器找到的那个标签

  • 父级

parent(),父级

parents(),所有的父级

parentsUntil(选择器),查找所有父级直到。。。

  • 关于链式操作

一个方法,返回值可以去调另一个方法

链式操作

jquery中的操作就是链式操作

  • jquery中的链式效果

  • python中实现链式效果

  • 查找子元素

前端代码
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

find方法,找孩子,返回符合条件的孩子

  • 测试一下,看是否可以获得孙子或重孙子级的元素

准备的代码

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

注意,通过find后,得到的是子级标签对象

  • 获取第一个和最后一个

first()

last()

》两种写法一样的效果

在这里插入图片描述

  • 保留后代达标的标签

has(选择器)

》has 对 find

has,比的是儿孙。比较成功后,返回自我标签。

find,找的是儿孙,找到后,返回的是达标的儿孙。
在这里插入图片描述

  • 从当前组中否掉指定条件的元素

例如

在这里插入图片描述
not方法中对上的标签被过滤掉了

在这里插入图片描述

在这里插入图片描述

  • 补充

在这里插入图片描述

随堂

演练 关系型的查找

前端代码

在这里插入图片描述

找下一个

在这里插入图片描述

找兄弟姐妹

在这里插入图片描述
方法传参

在这里插入图片描述

找到一个属性t=sun的a标签

在这里插入图片描述

在这里插入图片描述
parents方法

返回所有的祖辈
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

鲸鱼编程pyhui

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

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

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

打赏作者

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

抵扣说明:

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

余额充值