jquery追加元素的几种方法append()，prepend()，after()，before()，insertAfter()，insertBefore()

在指定元素后面追加：

$("#wrap").append("<p class='three'>我是子元素append</p>");

将子元素追加到父级的最后：

$("<p class='three'>我是子元素appendTo</p>").appendTo($("#wrap"));

在父级最前面追加一个子元素：

$("#wrap").prepend("<p class='three'>我是子元素prepend</p>");

将子元素追加到父级的最前面：

$("<p class='three'>我是子元素prependTo</p>").prependTo($("#wrap"));

在当前元素之后追加（是同级关系）

$("#wrap").after("<p class='siblings'>我是同级元素after</p>");

在当前元素之前追加（是同级关系）

$("#wrap").before("<p class='siblings'>我是同级元素before</p>");

将元素追加到指定对象的后面（是同级关系）

$("<p class='three'>我是同级元素insertAfter</p>").insertAfter($("#wrap"));

将元素追加到指定对象的前面（是同级关系）

$("<p class='three'>我是同级元素insertBefore</p>").insertBefore($("#wrap"));