怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
3个回答
展开全部
利用jq的append()追加函数即可实现，如：
html：
<div class="main">
<input type="button" value="添加" class="btn" />
</div>
JQ：
$(document).ready(function(){
$(".btn").click(function(){
var html = '<div style="width:200px; height:30px; border:1px dashed red; margin-bottom:20px;"></div>';
$(".main").append(html);
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
.div{margin-bottom:5px;background-color:skyblue;}
</style>
</head>
<body>
<a href="javascript:void(0)" class="add">生成一个div元素</a>
<div class="tg"></div>
</body>
<script type="text/javascript">
$(function(){
$(".add").click(function(){
var newObj = $('<div class="div"></div>');
$(".tg").append(newObj);
newObj.text("我是第"+(newObj.index()+1)+"个生成的div").attr("from","new");
});
});
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用html()方法添加即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
