2,jQuery 创建节点:
(1)创建元素节点
(2)创建属性节点
(3)创建文本节点
<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
</head>
<script>
//2创建节点
$(function(){
//1创建元素节点
var $li= $("<li></li>");
$("ul").append($li);
//2创建属性节点,创建元素节点的时候,写上属性,属性在飞蛾八个中显示
//$("p").attr("name","frult");//给p添加个name属性值为friut,但不显示在飞蛾八个钟显示
var $title=$("<li name='apple'></li>");
$("ul").append($title);
//3创建文本节点
var $content=$("<li name='melon'>西瓜</li>");
$("ul").append($content);
//区别一下append()和appeendTo(),append()父元素追加xxx为子元素,appendTo()将匹配的元素追加到某个元素上
var $son=$("<li id='son'>儿子</li>");
$son.appendTo($("ul"));
})
</script>
<body>
<p title="水果">你最喜欢的水果</p>
<ul>
<li>苹果</li>
<li>橘子</li>
<li>香蕉</li>
</ul>
</body>
</head>
<script>
//2创建节点
$(function(){
//1创建元素节点
var $li= $("<li></li>");
$("ul").append($li);
//2创建属性节点,创建元素节点的时候,写上属性,属性在飞蛾八个中显示
//$("p").attr("name","frult");//给p添加个name属性值为friut,但不显示在飞蛾八个钟显示
var $title=$("<li name='apple'></li>");
$("ul").append($title);
//3创建文本节点
var $content=$("<li name='melon'>西瓜</li>");
$("ul").append($content);
//区别一下append()和appeendTo(),append()父元素追加xxx为子元素,appendTo()将匹配的元素追加到某个元素上
var $son=$("<li id='son'>儿子</li>");
$son.appendTo($("ul"));
})
</script>
<body>
<p title="水果">你最喜欢的水果</p>
<ul>
<li>苹果</li>
<li>橘子</li>
<li>香蕉</li>
</ul>
</body>