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()阻止一下就可以了。