事件委托性能优化

事件委托与性能优化

<ul>
    <li>第1个li</li>
    <li>第2个li</li>
    <li>第3个li</li>
    <li>第4个li</li>
    <li>第5个li</li>
    <li>第6个li</li>
</ul>
<script>
//    li的事件委托给父元素ul
    $('ul').click(function(event){
        console.log($(event.target).text());
    });
</script>
<script>
//    事件直接绑定给点击元素
    $('ul').click(function(){
        console.log($(this).text());
    });
</script>