jQuery中event.target和this的区别?
this和event.target的区别:
1.js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远指向触发事件的DOM元素本身;
2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target).假设htm是<div><span></span></div>点击span的时候改变span的颜色,使用this的话点击span因为事件冒泡机制,div也会改变颜色,但是使用event.target不会。
js获取当前点击的
事件委托,原生js;伪代码:点击ul后清空ul下所有li的类名(使其所有元素不可见); 获取被点击的dom节点li(event.target);改变被点击的元素类名(使其可见); 解释:利用addEventListener给最上级元素绑定点击事件;点击后触发匿名函数,清除除了当前点击的节点外所有的子元素类名(可使用event.target获取当前被点击的dom节点)(清除其他类名可用jquery的类选择器以及jquery的removeClass函数);给当前点击的元素赋予新的类名,改变样式。