<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery动态创建Dom节点</title>
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
//使用$(html字符串)来创建Dom节点，并且返回一个jQuery对象，然后调用append等方
//法将新创建的节点添加到其他节点（元素）中：
$(function () {
var link = $("<a href=\'http://www.baidu.com\'>百度</a>");
link.attr("id", "mya"); //$()创建的就是一个jQuery对象，可以完全进行操作
$("#divmy").append(link);
alert($("#mya").text());
})
//append方法用来在元素的末尾追加元素。
//prepend，在元素的开始添加元素。 prependto。after，在元素之后添加元素（添加兄
//弟）。before：在元素之前添加元素（添加兄弟）
//删除节点
//remove()删除选择的节点 remove方法的返回值是被删除的节点对象，还可以继续使用被
//删除的节点。比如重新添加到其他节点下 appendTo 删除然后添加到指定地方
//empty()是将节点清空，清除节点的innerHTML，节点还在
</script>
</head>
<body>
<div id="divmy">
</div>
</body>
</html>