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

创建有内容的节点
$("<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()


知识点

jquery-节点操作_插入节点

练习

html方法,获取或者赋值

jquery-节点操作_赋值_02

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

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

append

jquery-节点操作_节点操作_03

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

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

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

appendTo

添加到

jquery-节点操作_节点操作_04

需要区分 append appendto

prepend

jquery-节点操作_html_05
jquery-节点操作_赋值_06

prependTo
jquery-节点操作_赋值_07

新建一个标签

jquery-节点操作_删除节点_08

after

同级插入,后面

jquery-节点操作_删除节点_09

jquery-节点操作_赋值_10

insertAfter

插入,在后面

jquery-节点操作_赋值_11

同理

before
insertBefore

jquery-节点操作_html_12

节点操作

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

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

remove方法

删除节点

标签对象.remove()

jquery-节点操作_插入节点_13

英语

jquery-节点操作_插入节点_14

append 添加
a添加b

appendTo 添加到
a添加到b

jquery-节点操作_html_15

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

jquery-节点操作_赋值_16

after,在后面

insertAfter,插入,在后面

jquery-节点操作_赋值_17