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