动态添加新元素事件无法触发解决方法

问题：想从后端把数据传给前端，然后ajax动态创建新元素，此时新创建元素的事件无法触发
解决办法：事件委托（jquery的on方法）

1.刚开始事件的常规写法写法

    $(".del")click(function(){
            alert($(this).attr("book"));
    })

2.事件委托的写法

 //事件委托是通过事件冒泡的原理，利用父级去触发子级的事件。
$(".table2").on('click','.del',function(){
            alert($(this).attr("book"));
    })

补充：如何获取设置删除新增元素自定义属性值

<a book='1'>this is example</a>
//获取book值
$('a').attr('book');
//修改book值
$('a').attr('book','**');
//删除book值
$('a').removeAttr('book');