JQuery动态添加元素

动态添加元素

1.先写个壳子

<div class="box">
    <input type="text" name="Jbox" class="inputbox">
    <img class="aj" src="../res/icon/add.png" style="margin:8px"/>
</div>

2.<script>动态添加

$('.aj').click(function() {
    $('.box').append("</br><input type='text' name='Jbox' class='inputbox'><img class='dj' src='../res/icon/delete.png' style='margin: 8px'/>");
        });

注意点一：

在添加新元素时最好不要加多余的字符（比如空格），否则如果后面要删除容易加入过多#text元素          

注意点二 用on给未来元素绑定事件 

元素上绑定一个事件，那么这个元素必须先存在，也就是绑定事件动作前就