美文网首页
jQuery 点击元素以外任意地方隐藏该元素

jQuery 点击元素以外任意地方隐藏该元素

作者: SangFall | 来源:发表于2018-06-14 15:14 被阅读0次
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();
})

相关文章

网友评论

      本文标题:jQuery 点击元素以外任意地方隐藏该元素

      本文链接:https://www.haomeiwen.com/subject/ausyeftx.html