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 的元素。不会报错。只是他对它添加的内容什么的不显示但是起作用了