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>