jquery event.target 事件委托

在实际项目中经常会遇到动态添加元素，然后再对添加的元素进行操作的需求

var that

$('.add').on('click',function(){
    $('.list').append('<div class="item"><span class="tit">哈哈</span></div>')
})


$('.list').on('click','.item',function(e){
    console.log(e.target.className)
    if(e.target.className === 'tit'){
        alert(1)
        that = $(this)
        console.log(that)
    }

})

event.target 返回的是触发事件的DOM元素，那么我们就可以通过判断event.target.targetName 或者className来判断当前点击的元素，从而进行进一步操作