JQuery节点的删除方法

Posted 2020-10-10 XMLYS

jQuery提供了三种删除节点的方法：remove()、detach()、empty()

1、remove()方法

格式：被删除元素.remove()

当某个节点用remove()方法删除后，该节点所包含的所有后代节点将同时被删除。删除的元素将从jQurey对象删除，即使重新添加到了<ul>的最后面，但任失去了它原来的鼠标点击绑定事件。

remove()函数可以带参数，例如$("ul li").remove("li[title=菠萝]");

当用$()取出元素被删除后，虽然此对象在浏览器上没有了，但元素仍然还在内存中，可以使用添加函数把删除的元素重新添加到浏览器里，

例如： var $li=$("ul li:eq(0)");//取出ul的第一个列表项

$li.remove();

//var $li=$("ul li:eq(0)").remove;

$li.appendTo("ul");//把删除的元素添加到ul的列表项的最后面

2、detach()方法

被删除的元素不会从jQuery对象中删除，仍然保留在jQuery对象中，还可以添加到原来的父对象里继续保持着原来的绑定事件。