JS 操作节点

js的节点操作：

1：插入节点：插入节点的方法有append()  ; appendTo()  ;prepend() ; after() ; insertafter() ; before() ; insertbefoere() 等方法，

简单介绍这些方法的区别：

       用两个元素A和B来分别代表两个HTML元素  ：<p> 同学  </p>  和 <b> 你好</b>

  $("A").append(B) 这个方法的意思是把B元素加入到A元素当中，这个得到的结果是：<p> 同学<b>你好</b></p>；

  $("A").appendTo(B)  这个方法与append 正好 相反，是把A元素加入到B元素中，结果是：<b>你好<p>同学</p></b>；

  $("A").prepend(B)  这个方法是把B元素加入到A元素内部最前，结果是：<p><b>你好</b>同学</p>；这个方法把在每个元素内部前置内容，也就是加入到匹配元素的第一个。

  $("A").after(B)   就是在A元素的后面插入B元素，结果是：<p>同学</p> <b>你好</b>

  $("B").insertafter(A) 这个方法从字面意思可以理解就是把B元素插入到A元素的后面，因此得到的结果与$("A").after("B")的结果相同 。

before  与  insertbefore 与after insertafter 的区别是一样的。

2:删除节点：删除节点主要有两个方法：remove();  和  empty();  

        remove() 方法是把这个节点进行删除，这个方法的返回值是指向被删除节点的引用，如：

           var a =$("ul li:eq(1)").remove();

               a.appendTo($("ul")) /

        remove()后的节点仍可以继续使用；

        empty()  方法是清空该节点，清空与删除不同它是清空后代节点，如：

            <li  title="apple" > apple  </li>

         这个节点清空后，剩下的是<li title="apple"/>

3：复制节点：

        方法是clone()  顾名思义就是“克隆”，就是把这个节点进行复制，如:$("ul  li:eq(1)").clone();  

         clone() 这个方法还有一个参数：clone(true), true 表明复制后的节点还可以进行复制。