jQuery删除，添加节点-蒲公英云

jQuery删除，添加节点

jQuery删除子节点的方法总结：(用ul中的li作为例子)

1、remove()

          $('ul li').remove()：li节点本身及其所有后代节点都被删除；返回值是一个被删除节点的引用，因此可以在以后在次使用这                                               些节点
    **2、detach()**
         $('ul li').detach()： 同remove()一样，但是他不会把匹配的元素从jquery对象中删除，所以可以在将来在使用这些匹配的元                                              素
    **3、empty()**
         $('ul li').empty()：清空元素中所有后代的节点

jQuery添加子节点的方法总结：

    .html如下：<div<p>hello</p></div>
     var list = '<i>ok</i>'
     **1、append():           **$("div").append(list);

显示效果：** 向匹配元素的内部的末尾添加节点**

<div>
                       <p>hello</p>
                      <i>ok</i>
                   </div>
    ** 2、prepend()：**       $("div").prepend(list);
     **显示效果：向匹配元素的内部的开头添加节点**        
<div>
                       <i>ok</i>
                       <p>hello</p>
                   </div>
       3、after():               $('div').after(list);
       显示效果：在匹配元素之后添加节点
<div>
                       <p>hello</p>
                   </div>
                   <i>ok</i>
     4、before():           $('div').before(list);
     显示效果：在匹配元素之前添加节点  
<i>ok</i>
                   <div>
                       <p>hello</p>
                    </div>