欢迎使用CSDN-markdown编辑器

jQuery之DOM节点操作

节点插入
很多节点放置在此，很多人童鞋并不知道其中的区别，都是知道能插入即好。下面我们一起来看看这些东东有什么差异。

• append()
• appendTo()
• prepend()
• prependTo()
• after()
• before()
• insertAfter()
• insertBefore()

---

操作

append()

向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。

这个只是添加新的内容，不涉及到以前内容

appendTo()

前提这个东东已存在
将前面的内容补充到后面的标签中

类添加时添加到最前面的最前面的标签上

prepend()

向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。

prependTo()

把所有匹配的元素前置到另一个、指定的元素元素集合中。

after()

在每个匹配的元素之后插入内容。

兄弟之间节点拼接
在XX之后

before()

在每个匹配的元素之前插入内容。

insertAfter()

把所有匹配的元素插入到另一个、指定的元素元素集合的后面。

insertBefore()

把所有匹配的元素插入到另一个、指定的元素元素集合的前面。

$(“p”).before($(“b”);表示p的前面是b，也就是b要插到p的前面。
$(“p”).insertBefore(“b”);表示将p插入到b的前面