当前位置:编程学习 > JAVA >>

jquery中用append增加节点

<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
<script>
/*创建节点*/
$(function(){
//1,创建元素节点append
var $li = $("<li></li>");
$("ul").append($li);
//2,创建属性节点,创建元素节点的时候,写上属性就ok
var $title=$("<li title=apple></li>");
$("ul").append($title);
//3,创建文本节点,创建元素节点的时候,写上文本内容就ok
var $content=$("<li>芒果</li>");
$("ul").append($content);
//区别一下append()  和appendTo()
//append() 父元素追加xxx为子元素
//appendTo() 将匹配的元素追加到某个元素上
var $girl=$("<p title=桃>你好</p>");
$girl.appendTo($("body"));
});

</script>
</head>
<body>
<p title="水果">你最喜欢的水果</p>
<ul>
<li title="橘子">橘子</li>
<li>苹果</li>
<li>梨</li>
</ul>
</body>
</html>

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,