jquery $(document) 和 $('body')的区别

Question

<ul class="dropdown-menu animated fadeInRight b">

<li><a class="text-center" href="">返回到旧版</a></li>

</ul>

$(function(){

    $('.a').click(function(event){

        $('.b').toggle();

    });

    此为第一部分.......

    $(document).click(function(){

            $(".b").hide();

        });

    此为第二部分.......

    $('body').click(function(){

            $(".b").hide();

        });

});

我想实现的效果是 点击 $('.show-message')之外的dom的时候 $('.b')隐藏,

点击$('.show-message')的时候$('.b')则toggle()

代码如上 为什么我执行第一部分代码的时候一切正常,执行第二部分代码的时候 $('.b')一直出不来 好像冒泡到$('show-message')上面了,

Answer 1

你两个都是hide

Answer 2

$('.a')的点击事件冒泡了，用stopPropagation()阻止一下就可以了。