//克隆节点

    //克隆事件

    $(".aaron2").on('click', function() {

            console.log(1)

        $(".left").append( $(this).clone(true).css('color','blue') )

    })

//只克隆节点

    //不克隆事件

    $(".aaron1").on('click', function() {

        $(".left").append( $(this).clone().css('color','red') )

    })

clone()克隆节点，要注意的是：如果节点有事件或者数据之类的其他处理，则需要通过clone(true)传递一个布尔值true用来指定，这样不仅仅只是简单的克隆节点结构，还把附带的事件与数据一并克隆。

HTML部分

<div></div>

javascript部分

$("div").click(function(){

//执行操作})

//clone处理一

$("div").clone()//只克隆了结构，时间丢失

//clone处理二

$("div").clone(true)//结构、事件与数据都克隆。

detach()临时删除页面上的节点，但是又不希望节点上的数据与事件丢失，并且能在下一个时间段让这个删除的节点显示到页面

empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点,empty不能删除自己本身这个节点;

append()向每个匹配的元素内部追加内容

prepend()向每个匹配的元素内部前置内容

appendTo()把所有匹配的元素追加到另一个指定元素的集合中

prependTo()把所有匹配的元素前置到另一个指定的元素集合中

append()前面是被插入的对象，后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容，而后面是被插入的对象

$(".content").append('<div class="append">通过append方法添加的元素</div>')

$('<div class="appendTo">通过appendTo方法添加的元素</div>').appendTo($(".content"))

创建元素节点：$（“<div></div>”）

创建为本节点：$（“<div>文本节点</div>”）

创建为属性节点：$（“<div id='test' class='aaron'>属性节点</div>”）

创建元素：document.createElement

设置属性：setAttribute

添加文本：innerHTML

加入文档：appendChild

每一个元素节点都必须单独创建；

点击事件编写的时候是删除上方的p标签，将其添加到下方，当上方的p1是remove产生的也就是没有点击事件的时候，再点击detach产生的p2是没有点击事件的，这时候再使用remove将另一条本来的p2有点击事件消失。两个p标签就都没有点击事件

重点：detach不会清除事件，remove会清除事件

当点击remove的时候会清掉第一个p标签，然后在下方添加一个p标签，因为remove会清除掉p标签点击事件，点击p标签的时候是没有点击事件的

当点击detach的时候也是会清掉第一个p标签，然后在下方添加一个p标签，因为detach不会清掉p标签点击事件，点击p标签的时候是有事件的

如果你点了两次remove按钮，那么会在下方添加两个不保留事件的p标签，如果再次点击detach的时候会默认找第一个p标签，因为append是顺序插入，也就是remove删除的第第一个，因为已经没有了事件，所以点击后添加的p标签是没有事件的

节点删除方法：detach()和remove()的区别

remove():

无参数时，移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据。

有参数时，移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据。

detach():

移除节点的处理与remove一致，但是与remove（）不同的时，所有绑定的事件，附加的数据等都会保留下来。当使用append之后，相关的数据等又重新回到文档流中。

detach

读：英 [dɪˈtatʃ]美 [dəˈtætʃ]

翻译:拆卸;取下;使分开 后将其拿下;派遣(部队;舰只)执行单独任务;可方便地取下;可容易地脱卸;离开;脱离;避免与…有联系;脱离与…的关系

detach()保留数据的删除操作，此操作从当前页面中移除该元素，但保留这个元素的内存模型对象。

此方法不会把匹配的元素从jQuery对象中删除，所以可以在将来再使用这些匹配的元素。

要特别注意的是，detach方法是jQuery特有的，所以它只能处理通过jQuery的方法绑定的事件或者数据。

empty和remove的区别：

empty方法：严格讲，此方法并不是删除节点而是清空节点，它能清空元素中的所有后代节点，但是empty不能删除本身节点。

remove方法：该节点与该节点所包含的所有后代节点将被删除，此外它还提供传递一个筛选的表达式，删除制定几何中的元素。

remove与empty一样，都是移除元素的方法，但是remove会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件以及与该元素相关的jQuery数据。

如果不通过remove方法删除节点，则需要把绑定的事件给销毁掉，以防止“内存泄露”

DOM节点删除之empty()方法：

empty()方法与删除不太一样，它只移除了指定元素中的所有子节点。但是本身指定元素没有被删除。

empty方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为根据说明，元素里任何文本字符串都被看做该元素的子节点