javascript - How to use jQuery to hide the menu by clicking elsewhere on the page?

Question

Answer 1

You should look like this

$(document).bind("click",function(e){ 
    //通过e.target判断
} 

e.target != "You click on the element that needs to be displayed" then execute hide()

Answer 2

$("#a").on("click", function(e){

if($(".class").is(":hidden")){
    $(".class").show();
}else{
    $(".class").hide();
}

$(document).one("click", function(){
    $(".class").hide();
});

e.stopPropagation();

});
$(".class").on("click", function(e){

e.stopPropagation();

});

Answer 3

There is no problem with this answer, it is quite correct