Js点击页面其他地方，使某个元素隐藏

$(document).click(function(){

    $('#hiddenElement').hide();  // 如果没有隐藏，查看元素属性是否变更再做调整

});

$('#hiddenElement').on('click', function (event) {
  // 取消事件冒泡行为，使点击元素使不会触发隐藏
  var e = arguments.callee.caller.arguments[0] || event;
  if (e && e.stopPropagation()){
    e.stopPropagation();   // Mozilla 和 Opera 兼容
  }else if (window.event){
    window.event.cancelBubble = true;   // IE
  }
});    

在我的项目中，我使用的dom元素对象上有类名  layui-show 来控制显示，所以我的隐藏代码为:

            

$('#slTreeDiv').removeClass('layui-show');