jQuery实现点击任意位置隐藏指定元素

最近项目需要做几个下拉树，在实现之后发现，必须点击指定元素才能关闭刚刚显示的下拉树区域，后来在网上各种搜索，最后找到一种适用的使用方法，直接上代码

document.onclick = function(e) {　　　　　　　　
    $("div").hide();
}
$('button').on("click", function(e) {　　　　　　　　
    if($("#div").css("display") == "none") {　　　　　　　　　　
        $("#div").show();　　　　　　　　
    } else {　　　　　　　　　　
        $("#div").hide();　　　　　　　　
    }　　　　　　　　
    e = e || event;
    stopFunc(e);　　　　　　
});
　　　　　　
$('#div').on("click", function(e) {　　　　　　　　
    e = e || event;
    stopFunc(e);　　　　　　
});　　　　
function stopFunc(e) {　　　　　　
    e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;　　　　
}