21.1.8_jQuery的append/prepend和after/before的用法

用途

append:在元素内部的最前面追加文本/元素
prepend:在元素内部的末尾处追加文本/元素
after:在元素后面追加/挪动文本/元素
before:在元素前面追加/挪动文本/元素

append/prepend基本用法

1.直接追加文本

$("p").prepend("hello");

页面效果如下:
修改前：

<p></p>

修改后:

<p>hello</p>

2.追加元素

$("div").prepend("<p>hello</p>");

修改前：

<div>
</div>

修改后:

<div>
	<p>hello</p>
</div>

append/prepend特殊用法:更改/挪动元素位置

例:将id为div1的元素挪到id为root的div最后

$("#root").append($("#div1"));