jquery 元素操作 增加元素

1)
<p>I would like to say: </p>
$("p").append("<b>Hello</b>");
$("p").append("<b>Hello</b>"); ==>> [<p>I would like to say: <b>Hello</b></p> ]

是插在<p>的结束标签的前面
append 是指和after交换不同的,他是在指定元素的内部最后面加入html代码,做为子元素存在
before 应该就是加在指定元素的外面的前面
after应该就是加在指定元素的外面的后面

2)

<p>I would like to say: </p>
<div id="foo"></div>
$("p").appendTo("#foo"); ==>> [ <div id="foo"><p>I would like to say: </p></div> ]
与append功能相反.是主方 <p> 被加入

   把指定的元素或是html代码,加到选择元素的外部.做为选定元素的父元素存在!

3)
eg:<p>I would like to say: </p>

$("p").prepend("<b>Hello</b>"); ==>> [ <p><b>Hello</b>I would like to say: </p> ]

加到指定元素内部的最前面.做为子元素存在!和append功能一样,只是加入的方位不同

4)

<p>I would like to say:.
 </p>  <div id="foo"><b>Hello</b></div>
 $("p").prependTo("#foo"); ==>> [ <div id="foo"><p>I would like to say: </p><b>Hello</b></div> ]
 与appendTo的功能一样,,是主方 <p> 被加入