jquery-节点操作

博客主要总结了HTML标签的操作方法,包括获取或赋值、添加子标签、同级插入标签、删除节点等。介绍了如append、appendTo、prepend、prependTo等方法,还说明了操作已存在标签和代码创建标签时的不同逻辑。

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

小结

创建空的节点
$('<标签>')

创建有内容的节点
$("<div>内容</div>")

插入节点,插入到内部的最后一位,使用的方法
append()	与	appendTo()
对象1.append(对象2)	相当于	对象2.append(对象1)
效果,对象1的内部的最未位,添加对象2

插入节点,插入到内部的第一位,使用的方法
prepend()	与	prependTo()
对象1.prepend(对象2)		相当于	对象2.prependTo(对象1)
效果:
对象1内部添加了对象2,同时对象2是添加到第一位

插入节点,往后面插
after()		与		insertAfter()
对象1.after(对象2) 相当于 对象2.insertAfter(对象1)
效果:
对象1的后面添加对象2

插入节点,往前面插
before()	与	insertBefore()


删除节点
remove()


知识点

在这里插入图片描述

练习

html方法,获取或者赋值

在这里插入图片描述

试一试,获取标签的数据,给标签赋值

在一个标签内,添加另一个标签对象

append

在这里插入图片描述

当前为止,学了有两种添加子标签的方式了

第一种,通过html方式,用字符串添加

第二种,通过父标签的append子标签的方法来实现

appendTo

添加到

在这里插入图片描述

需要区分 append appendto

prepend

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

prependTo
在这里插入图片描述

新建一个标签

在这里插入图片描述

after

同级插入,后面

在这里插入图片描述

在这里插入图片描述

insertAfter

插入,在后面

在这里插入图片描述

同理

before
insertBefore

在这里插入图片描述

节点操作

如果我们操作的节点是通过代码创建出来的 那么就是正常的一种操作逻辑

如果我们这操作的这个节点 是html当中已经存在这个标签 那么它的一些添加的相关操作就会变成碱性 变成剪切操作

remove方法

删除节点

标签对象.remove()

在这里插入图片描述

英语

在这里插入图片描述

append 添加
a添加b

appendTo 添加到
a添加到b

在这里插入图片描述

pre,英语中,有靠前,提前,预备等等意思

在这里插入图片描述

after,在后面

insertAfter,插入,在后面

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

鲸鱼编程pyhui

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

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

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

打赏作者

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

抵扣说明:

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

余额充值