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>