初始代码
<div id="root">
<a></a>
</div>
在元素之前插入:before
$("#root").before("<p></p>");
或者
$("<p></p>").insertBefore("#root");
执行以后效果为:
<p></p>
<div id="root">
<a></a>
</div>
在元素中前部加入:prepend
$("#root").prepend("<p></p>");
或者
$("<p></p>").prependTo("#root");
执行效果为:
<div id="root">
<p></p>
<a></a>
</div>
在元素中后部加入
$("#root").append("<p></p>");
或者
$("<p></p>").appendTo("#root");
执行效果为:
<div id="root">
<a></a>
<p></p>
</div>
在元素后加入
$("#root").after("<p></p>");
或者
$("<p></p>").insertAfter("#root");
执行效果为:
<div id="root">
<a></a>
</div>
<p></p>