jQuery中添加元素的方法

insertBefore()方法 和 before() 方法 都是在被选元素之前插入

insertBefore

没有使用insertBefore之前

使用之后

可以看出 insertBefore 是剪切操作

before
与insertBefore不同的是，before前面是在哪个元素前面插入，后面是插入的内容元素

效果：

与insertBefore一样，都是剪切操作。
可以直接使用字符，可以是html代码

insertAfter() 和 after() 都是在被选元素后面插入

insertAfter

可以看出也是剪切操作

after

与before一样，after前面是在哪个元素后面插入，后面是插入的内容元素，也可以使用字符

appendTo() 和 append() 都是在被选元素的结尾插入 HTML 元素，剪切操作

appendTo()

append()

append前面是在哪个元素后面插入，后面是插入的内容元素。

prependTo() .和 prepend() 被选元素的开头添加元素，是剪切操作

prependTo

prepend

prepend()前面是在哪个元素前面插入，后面是插入的内容元素。以及 prepend() 能够使用函数来插入内容。

这就是它们之间的区别，都大同小异，但是要搞清楚，不要混淆。