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;　　　　
}