本实例展示了jQuery中append和appendTo两个方法的用户，他们可以用来在指定的标签内动态添加html内容
查看演示页面 View Demo 查看全部代码 View Code
在网页<head>区添加以下代码
<script type="text/javascript" src="http://www.sharejs.com/software/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#head2").click(function(){
$("<input type='text' value='sharejs.com' ><br>").appendTo("#sharejs1");
});
$("#head1").click(function(){
$("#sharejs2").append("<input type='text' value='sharejs.com' ><br>");
});
});
</script>
在网页<body>区添加以下代码
<input type="button" name="head2" id="head2" value="appendTo" ><br> <input type="button" name="head1" id="head1" value="append" ><br> <div name="sharejs1" id="sharejs1" >看这里的变化</div><br> <div name="sharejs2" id="sharejs2" >看这里的变化</div><br>
append和appendTo的区别：
append 在标签内添加单纯的内容
appendTo要把内容传给某个元素
