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

$("input[type='button']").click(function() {

    var $ele = $("#id")// 选中你要添加div的位置元素的id

    $ele.before("<div></div>")// 在此元素前添加div

    $ele.after("<div></div>")// 在此元素后添加div

    $ele.append("<div></div>")// 在此元素内追加添加div

    //... 其他类似的添加也是大同小异，可以上w3school去学习下

})

<div ><input id='input1' type='text' /><div>

<div  id='b' style='position:absoluteleft:20pxtop:20pxdisplay='none''></div>//自己调整left和top的值将下面的div定位在上一个div的正下方

引如jquery文件

<script>

$(function(){

$("#b").hide()

$("#input1").focus(function(){

$("#b").slideDown("slow")

})

$("#input1").blur(function(){

$("#b").slideUp("slow")

})

})

</script>

---