jquery的几种元素插入方法

初始代码

<div id="root">
    <a>a>
div>

在元素之前插入：before

$("#root").before("
");
或者
$("
").insertBefore("#root");

执行以后效果为：

<p>p>
<div id="root">
    <a>a>
div>

在元素中前部加入：prepend

$("#root").prepend("
");
或者
$("
").prependTo("#root");

执行效果为：

<div id="root">
    <p>p>
    <a>a>
div>

在元素中后部加入

$("#root").append("
");
或者
$("
").appendTo("#root");

执行效果为：

<div id="root">
    <a>a>
    <p>p>
div>

在元素后加入

$("#root").after("
");
或者
$("
").insertAfter("#root");

执行效果为：

<div id="root">
    <a>a>
div>
<p>p>