为啥我的代码点击之后没有效果呢
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<title>Document</title>
<style>
.content{width:300px;}
.append{background-color:blue;}
.appendTo{background-color:red;}
</style>
</head>
<body>
<h2>通过append与appendTo添加元素</h2>
<button id="bt1">点击通过jQuery的append添加元素</button>
<button id="bt2">点击通过jQuery的appendTo添加元素</button>
<div><div>
<script type="text/javascript">
$("#bt1").on("click",function(){
$(".content").append('<div>通过append方法添加的元素</div>')
})
<script type="text/javascript">
$("#bt2").on("click",function(){
$('<div>通过appendTo方法添加的元素</div>').appendTo($(".content"))
})
</script>
</script>
</body>
</html>
