怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div相关的知识,希望对你有一定的参考价值。
利用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);
);
); 参考技术A <html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
.divmargin-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> 参考技术B 使用html()方法添加即可
以上是关于怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div的主要内容,如果未能解决你的问题,请参考以下文章
怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div