jQuery 点击元素以外任意地方隐藏该元素
Posted 风意不止
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 点击元素以外任意地方隐藏该元素相关的知识,希望对你有一定的参考价值。
html
<ul class="menu_level1">
<li><a>张三</a></li>
<li><a>李四</a></li>
<li><a>王五</a></li>
<li><a>click me!</a>
<div class="menu_level2">搬砖侠</div>
</li>
</ul>
jq
$(‘.menu_level1 li‘).click(function(event){
event.stopPropagation();
$(".menu_level2").show();
})
$(document).click(function(e){
var target = $(e.target);
if(target.closest(".menu_level1").length != 0) return;
$(".menu_level2").hide();
})
以下是我的方法,更简单
html
父级class .gallery.transition
子级class .gallery.transition .inner
$(‘.gallery.transition ‘).click(
function(){
$(this).hide()
}
)
$(‘.gallery.transition .inner‘).click(
function(e){
e.stopPropagation()
}
)
以上是关于jQuery 点击元素以外任意地方隐藏该元素的主要内容,如果未能解决你的问题,请参考以下文章