jquery：e.target和this的區別

標籤：驗證   att   點擊   stop   jquery   ati   eve   cli   log   

<ul name=‘grandfather‘>
    <li name=‘father‘>
        標題1
        <div name=‘son‘>1
　　　　　　<div>4</div>

　　　　　　<div>5</div>　

　　　 　</div>
        <div>2</div>
        <div>3/div>
    </li>
    <li>
        標題2
        <div>2</div>
    </li>
    <li>
        標題3
        <div>3</div>
    </li>
</ul>

$(‘ul‘).on(‘click‘,‘li‘,function(){
　　//event.stopPropagation();
    console.log(‘this是‘+$(this).attr(‘name‘))
    console.log(‘$this的兒子的name是‘+$(this).children().attr(‘name‘))
    $(this).children().css(‘color‘,‘red‘);
});

e.target是點擊的目標元素；

this也是點擊的目標元素，但因為事件會冒泡，所以this最終會指向事件所綁定的元素（這裡是li）；

當上述代碼中加入event.stopPropagation()後，冒泡被阻止，this與e.target效果一樣。（待驗證）

jquery：e.target和this的區別