在单击外部时隐藏元素，是下拉菜单的必备功能。
除此之外，它还在某些情况下使用，在某些情况下，在用户点击此元素的外部时需要隐藏div。
使用jQuery在其外单击时，可以轻松隐藏div或者元素。

在示例代码中，我们将展示如何使用jQuery单击外部的元素。
当用户点击此元素外部时，将隐藏DIV。

使用目标属性（'event.target'）使用jQueryMousup事件（'.mouseup（）'）来检测单击特定元素的外部时单击事件和隐藏div。

<script>
$(document).mouseup(function(e){
    var container = $("#elementID");
    //If the target of the click isn't the container
    if(!container.is(e.target) && container.has(e.target).length === 0){
        container.hide();
    }
});
</script>