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>

本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/archive/2012/09/06/2673750.html，如需转载请自行联系原作者