怎么用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

怎么用JQuery动态添加div 比如 添加 点击一次添加按钮 增加一个div

angularjs怎么给div添加点击事件

JS或者jQuery怎么给动态添加的DOM元素绑定事件

怎么在jquery中在div中加一段html

重复添加一个相同的div块三次