JQuery节点

JQuery节点的删除方法：

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对象中，还可以添加到原来的父对象里继续保持着原来的绑定事件。

3、empty()方法

此函数不删除节点，而是清空节点里的所有内容，其中也包括匹配节点中的后代节点里的所有内容

 

jQuery复制节点：

复制节点函数clone()，

$("ul li").click(function(){

$(this).clone().appendTo("ul");//把被单击的元素添加到<ul>元素列表项的最后面

});

由于clone()函数中没有参数true，则复制后的<li>元素失去了原来绑定的事件。采用clone(true)形式可以让复制的元素保持原来绑定的事件，

即： $(this).clone(true).appendTo("ul");

 

jQuery替换节点：

主要有两个函数：replaceWith()和replaceAll()

格式： 被替换元素.replaceWith(新元素)；

新元素.replaceAll(被替换元素)； 功能：用新元素去替换被替换元素。 重点：元素被替换以后，在新元素上没有原来被替换元素身上绑定的事件

 

jQuery包裹节点：