js追加元素的几种方法：append，appendTo，after，before，insert等

为了代码简洁，这里先引入jQuery。
引入jQuery后，追加元素的方法是js自带的，不是jQuery的。
这里以id为v的div为例，使用几种方法将元素追加到div中或追加div的同级元素。

1，append()方法，在div最后追加一个子元素
    $("#v").append("<p>我是append方法追加的子元素</p>");

2，appendTo()方法，将子元素追加到div的最后
    $("<p>我是appendTo方法追加的子元素</p>").appendTo($("#v"));

3，prepend()方法，在div最前面追加一个子元素
    $("#v").prepend("<p>我是prepend方法追加的子元素</p>");

4，prependTo()方法，将子元素追加到父级的最前面
    $("<p>我是prependTo方法追加的子元素</p>").prependTo($("#v"));

5，after()方法，在div之后追加（和div是同级关系）
    $("#v").after("<p>我是after方法追加的同级元素</p>");

6，before()方法，在当前元素之前追加（和div是同级关系）
    $("#v").before("<p>我是before方法追加的同级元素</p>");

7，insertAfter()方法，将元素追加到指定对象的后面（和div是同级关系）
    $("<p >我是insertAfter方法追加的同级元素</p>").insertAfter($("#v"));

8，insertBefore()方法，将元素追加到指定对象的前面（和div是同级关系）
    $("<p>我是insertBefore方法追加的同级元素</p>").insertBefore($("#v"));

JavaScript jQuery