jquery之document click問題

這篇文章主要介紹的是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問題的相關內容，希望對大家可以有所幫助。