jQuery点击网页任意空白区隐藏div

jQuery点击网页任意空白区隐藏div

$(function () {  
     $('#btnShow').click(function (event) {  
         // 取消事件冒泡  
         event.stopPropagation();  
         // 按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。  
         $('#divTop').toggle('slow');  
         return false;
     });  
     // 点击空白处隐藏弹出层,下面为滑动消失效果和淡出消失效果。
     $(document).click(function(event){
          var _con = $('#divTop');   // 设置目标区域
          if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1
            //$('#divTop').slideUp('slow');   // 滑动消失
            $('#divTop').hide(1000);          // 淡出消失
          }
    });
 })


版权声明:本文为xuander666原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。