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

给按钮添加一个onclick事件

点击跳转到函数

函数获取该div的父级节点

给该父级节点添加一个子级节点（即div）

注：添加哪个单词记不清楚了，好像带pareat字样，具体的你查一下手册。

var creatediv= function(){

var parentdiv=$('

') //创建一个父div，如果已经有了就获取

parentdiv.attr('id','parent') //给父div设置id

parentdiv.addclass('parentdiv') //添加css样式var childdiv=$('

') //创建一个子div

childdiv.attr('id','child') //给子div设置id

childdiv.addclass('childdiv') //添加css样式

childdiv.appendto(parentdiv) //将子div添加到父div中parentdiv.appendto('parentdiv') //将父div添加到父级中去

}

<script src="js/jquery.js"></script>

<script>

function s(d){

    var div = $('<div class="' + d + '"></div>')

    $(document.body).append(div)

}

</script>

<style>

.cssName1 { padding: 20px margin: 10px border: 1px solid red }

.cssName2 { padding: 20px margin: 10px border: 1px solid black }

</style>

<input type="text" name="d" value="cssName1" />

<input type="button" value="x" onclick="s($('input[name=d]').val())">

---