JS代碼：

$(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); //淡出消失}});})

總結

以上是生活随笔為你收集整理的jQuery点击网页任意空白区域隐藏div的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。