本文演示了jquery如何在单击其他区域时隐藏下拉div和遮罩层。分享给大家参考，如下：

为了更好的用户体验，在做下拉获取其他弹出层的时候，在展开下拉的时候，应该点击其他区域自动隐藏折叠下拉和蒙版层，这样就可以用一个js来达到这个效果。

下图是供参考的下拉菜单示例：

效果源代码：

$(文档)。bind('click '，function(e){ var e=e | | window . event；//浏览器兼容性var elem=e . target | | e . srcelement；While (elem) {//循环判断到下面的节点，防止div子元素if(elem . idem . id==' menu '){ return；} elem=elem.parentNode}//单击的div或其子元素$('。menuList，覆盖”)。hide()；});希望本文对大家的jQuery程序设计有所帮助。