JQuery中易混淆的概念

append():

向每个匹配的元素内部追加内容。

<p>I would like to say: </p>

$("p").append("<b>Hello</b>");

<p>I would like to say:<b>Hello</b></p>

appendTo():

把所有匹配的元素追加到另一个、指定的元素集合中。

<p>I would like to say: </p>
<div></div><div></div>

$("p").appendTo("div");

<p>I would like to say: </p>
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>

detach():

从DOM中删除所有匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。

remove():

从DOM中删除所有匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。