/**
* 1.jquery实现点击目标区域之外的区域,隐藏目标区域
* /
$(document).click(function(event){
//设置目标区域
var con = $('.top-content .con');
if($(event.target).closest('.detail-con').length > 0){
//点击容器内部,不隐藏
}else{
if(!con.is($(event.target)) && con.has($(event.target)).length === 0){
//隐藏目标区域
$('.tourDetail').css('display','none');
}
}
})
//event.target返回哪个DOM元素触发了事件
//$().closest(selector)获得匹配选择器的第一个祖先元素,可以是选择器,也可以是id,class
//$(selector).is方法用于查看选择的元素和选择器是否匹配
jquery实现点击目标区域之外的区域,隐藏目标区域
最新推荐文章于 2023-03-23 11:35:13 发布