jQuery裏面的remove()、hide()、detach()、empty()方法的區別

一、empty()：清空標籤內的內容

<p>absd</p>

$("p").empty();//最後顯示的是空的p標籤。<p></p>

 

二、remove() ：從DOM中刪除所有匹配的元素

是把整個p標籤和他裏面的元素都去掉了。

<p>hello</p>,how<p>are you</p>   // 輸出：,how

從DOM中刪除所有匹配的元素。這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外，其他的比如綁定的事件，附加的數據等都會被移除。

 

三、detach()：從DOM中刪除所有匹配的元素。

這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。與remove()不同的是，所有綁定的事件、附加的數據等都會保留

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

<script>
$(function () {
$("#apple").hover(function () {
$(this).text("Google+");
});
//使用 remove() hover()事件也會被刪除
//apple = $("#apple").remove();

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

});

四、hide() 是隱藏。

可以操作一個display:none 的元素。不會報錯。只是他對它添加的內容什麼的不顯示但是起作用了