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

         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>