jquery 点击元素以外任意地方隐藏该元素的方法

//点击a元素内除b元素外的地方隐藏c元素
$('#a').on('click',function(e){
    var con= $(".b");//点击区域划分
    if(!con.is(e.target) && con.has(e.target).length === 0){ //设置目标区域外
        if($(".b").is(":visible")){
            $("#c").hide();
            //$("#c").fadeOut();
        };
    }
});