点击某一元素以外区域隐藏元素

首先可以给 document对象绑定 click 事件。
然后由于事件冒泡机制，你单击文档的任意地方（包括绿色区域）都会触发 click 事件。

先在事件里写上隐藏绿色区域的代码

$(document).on('click',function(e){
   $('#aaa').hide();
});

然后，再给绿色区域绑定click事件，这时候阻止事件冒泡，这样一来，点击绿色区域的话，是不会隐藏掉自己的。

$('#aaa').on('click',function(e){
    e.stopPropagation();
});