JQuery点击指定区域外的任何地方隐藏DIV

参考网上方法:

//方法一:
        $('body').click(function(e) {
            var target = $(e.target);
            // 如果#overlay或者#btn下面还有子元素,可使用
            // !target.is('#btn *') && !target.is('#overlay *')
            if(!target.is('#btn') && !target.is('#overlay')) {
               if ( $('#overlay').is(':visible') ) {  
                    $('#overlay').hide();                                                    
               }
            }
        });
//方法二:
        $('body').click(function(e) {
           if(e.target.id != 'btn' && e.target.id != 'overlay')
              if ( $('#overlay').is(':visible') ) {
                 $('#overlay').hide();
              }
        })
//方法三:
        $("#btn").click(function (event) { 
            $("#demo").fadeIn(); 
            $(document).one("click", function () {//对document绑定一个影藏Div方法 
                $("#demo").hide(); 
            });
            event.stopPropagation();//点击btn阻止事件冒泡到document 
        }); 

你可能感兴趣的:(前端)