jQuery之detach()和remove()的区别

1.remove([expr])：返回删除的元素

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

2.detach([expr])：返回删除的元素

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

<div id="google">Google</div>
<div id="apple">Apple</div>

 $(function () {
        $("#apple").hover(function () {
            $(this).text("Google+");
        });
        //使用 remove() hover事件也会被删除
        //apple = $("#apple").remove(); 

	//使用detach() hover事件会保存下来
       // apple = $("#apple").detach();
 	 apple=$("div").detach("#apple");
        $("body").append(apple);     

附加：jQuery中append与appendTo两者的任务相同，都是在被选元素的末尾（元素内部）添加指定的内容 ，不同之处在于：内容和选择器的位置，并且append能够使用函数来附加内容

$(selector).append(content);

$(content).appendTo(selector);

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

$("<b>Hello World!</b>").<code>appendTo("p")</code>;