小雨4359834
2017-02-23 13:24
<!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>
<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>
1:首先你这个标签放置有问题,<script>标签不应该是包含关系。你可以选择把我后面加虚线的那段删除,或者调整标签的位置。
$(".content").append('<div>通过append方法添加的元素</div>')
2:这段代码是向类content的后面增加HTML代码,但是你的HTML主体内容中,找不到content的类。
应该在如下这段代码的div中增加类名content ,不然找不到需要被添加的位置,怎么可能看到结果呢
<button id="bt1">点击通过jQuery的append添加元素</button>
<button id="bt2">点击通过jQuery的appendTo添加元素</button>
<div class="content"><div>
望采纳,祝进步
</script>两个放一起了
.content
是div的class,少写了,所以加不上去
jQuery基础(二)—DOM篇
114014 学习 · 590 问题
相似问题