js动态添加的按钮，其响应事件的添加

function a(){
    var str = "<a class='delete'>删除</a>";
    $div.append(str);//如此添加的事件，其click事件是不能绑定的
    $('.delete').on('click' function(){
        ...
    });//在此需要重新写一次，相当于给新添加的a绑定click事件
}
$('.delete').on('click' function(){
.....
});

以上写法显然不易于代码的维护，a标签的点击事件在两个地方都写了。新的方案如下

$div.on('click','a.delete',function(){
....
});//给a元素的父元素绑定监听事件，监听的是旗下的'a.delete'

这样js再动态给$div添加a标签的时候，a标签的点击事件就都能被监听到。