html
<div id="big">
<div id="small"></div>
</div>
css
#big{
width: 500px;
height: 500px;
background-color: #000;
}
#small{
width: 50px;
height: 50px;
background-color: #f00;
}
js
$("#big").on("tap", function(e) {
if(e.target == this) {
$('#small').hide();
}
});