- 标题1
- 1
- 4
- <div>
- 5
- </div>
- 2
- 3/div>
- 标题2
- 2
- 标题3
- 3
- $('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 效果一样。(待验证)
来源: http://www.bubuko.com/infodetail-2003354.html