这篇文章主要介绍的是jquery之document click问题的相关内容,下面我们就与大家一起分享。
一、调试方法:
$(document).click(function(e){
console.log(e.target);
})
二、案例:
点击除指定元素之外的任意元素,执行操作。
$(document).click(function(e){
if($(e.target).closest('.header_nav').length==0){
$('.sub_cate').hide();
}
});
三、总结:
e.target是事件源,e.target==this,但是$(this)!=$(e.target),因为是两个不同的对象。但是console的内容是一样的。
event的target里面存储的是事件的接收方,this==e.target保证了事件只由正确的接收者响应。
以上就是我们为大家准备的jquery之document click问题的相关内容,希望对大家可以有所帮助。