jQuery創建節點

 <script type="text/javascript">
 //<![CDATA[
  $(function(){
    var $li_1 = $("<li></li>");    //  創建第一個<li>元素
    var $li_2 = $("<li></li>");    //  創建第二個<li>元素


     var $parent = $("ul");        // 獲取<ul>節點。<li>的父節點

     $parent.append($li_1);        // 添加到<ul>節點中，使之能在網頁中顯示
     $parent.append($li_2);        // 可以采取鏈式寫法：$parent.append($li_1).append($li_2);
  });
  //]]>
  </script>

 <script type="text/javascript">
 //<![CDATA[
  $(function(){
    var $li_1 = $("<li>香蕉</li>");    //  創建一個<li>元素，包括元素節點和文本節點
                                                        //“香蕉”就是創建的文本節點。
    var $li_2 = $("<li>雪梨</li>");    //  創建一個<li>元素，包括元素節點和文本節點
                                                        //“雪梨”就是創建的文本節點。


     var $parent = $("ul");        // 獲取<ul>節點。<li>的父節點

    $("ul").append($li_1);        // 添加到<ul>節點中，使之能在網頁中顯示 或者 $parent.append($li_1);
    $("ul").append($li_2);        // 添加到<ul>節點中，使之能在網頁中顯示 或者 $parent.append($li_2);
    

    
    


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