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>