使用append()方法动态添加元素-优快云博客

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>append()方法</title>
<style type="text/css">
<!--
p{
	font-size:14px; font-style:italic;
	margin:0px; padding:5px;
	font-family:Arial, Helvetica, sans-serif;
}
a:link, a:visited{
	color:red;
	text-decoration:none;
}
a:hover{
	color:black;
	text-decoration:underline;
}
-->
</style>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
	$("p").append($("a:eq(0)"));	//添加目标为多个<p>
//执行完毕
//<a href="#">要被添加的链接2</a>
     //  <p>从前有一只大恐龙...<a href="#">要被添加的链接1</a></p>
	//<p>在树林里面跑啊跑...<a href="#">要被添加的链1</a></p>

	$("p:eq(1)").append($("a:eq(1)"));	//添加目标是唯一的<p>
});
</script>
</head>
<body>
	<a href="#">要被添加的链接1</a>
    <a href="#">要被添加的链接2</a>
    <p>从前有一只大恐龙...</p>
	<p>在树林里面跑啊跑...</p>
</body>
</html>