小结
创建空的节点
$('<标签>')
创建有内容的节点
$("<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,插入,在后面

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

被折叠的 条评论
为什么被折叠?



