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>