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

    })

})

jquery 提供了remove() 方法，用来移除被选元素，包括所有文本和子节点。因此只需根据添加的div的id即可将其删除：

$(div_id).remove()

实例演示如下:

HTML结构

<input type="button" value="删除">

<div id="test">这是示例的DIV</div>

jquery代码

$(function(){   $("input[type='button']").click(function() {        $("div#test").remove()   })

jQuery的html()可以给现有元素附加新的元素。

直接在元素还未生成前就绑定肯定是无效的，因为所绑定的元素目前根本不存在。

所以我们可以通过live和livequery来动态绑定事件，这种绑定方式对现有和新生成的元素都有效。

---