jquery插入元素的几种方法 insertBefore() insertAfter() prependTo() appendTo()

1、insertBefore() / insertAfter()方法，都是指在元素的外部插入新内容
如下：
创建一个a标签，并将其插入到class为 chapter 的p元素的后面。
通过下面的代码，<div class="chapter"> 中的每个段落后面，都会出现一个back to top的链接

$(document).ready(function(){
    $('<a href="#top">back to top</a>').insertAfter('div.chapter p');
})

2、prependTo() / appendTo()

在现有元素内部、之前（之后）添加内容；
例如创建一个锚并将其插入到boday元素的前面

$(document).ready(function(){
    $('<a id="top"></a>').prependTo('body');
})

如上，这里的a插入到了body的顶部，并且是在其内部

1. insertBefore() 在现有元素外部、之前添加内容
2. insertAfter() 在现有元素外部、之后添加内容
3. prependTo() 在现有元素内部、之前插入内容
4. appendTo() 在现有元素内部、之后插入内容