動態添加新元素事件無法觸發解決方法

問題：想從後端把數據傳給前端，然後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');