jQuery插入節點，移動節點

<script type="text/javascript">
 //<![CDATA[
  $(function(){
    var $li_1 = $("<li title='香蕉'>香蕉</li>");    //  創建第一個<li>元素
    var $li_2 = $("<li title='雪梨'>雪梨</li>");    //  創建第二個<li>元素
    var $li_3 = $("<li title='其它'>其它</li>");    //  創建第三個<li>元素


    var $parent = $("ul");                             // 獲取<ul>節點，即<li>的父節點
    var $two_li = $("ul li:eq(1)");             //  獲取<ul>節點中第二個<li>元素節點
   
    $parent.append($li_1);                 //  append方法將創建的第一個<li>元素添加到父元素的最后面
    $parent.prepend($li_2);                 //  prepend方法將創建的第二個<li>元素添加到父元素里的最前面
    $li_3.insertAfter($two_li);               //  insertAfter方法將創建的第三個<li>元素元素插入到獲取的<li>之后

  });
  //]]>
  </script>

 <script type="text/javascript">
 //<![CDATA[
  $(function(){
    var $one_li = $("ul li:eq(1)");             //  獲取<ul>節點中第二個<li>元素節點
    var $two_li = $("ul li:eq(2)");             //  獲取<ul>節點中第三個<li>元素節點
    $two_li.insertBefore($one_li);    //移動節點
  });
  //]]>
  </script>