jQuery除指定區(qū)域外點擊任何地方隱藏DIV功能
更新時間：2017年11月13日 15:40:52 作者：cc蒲公英
這篇文章主要介紹了jQuery除指定區(qū)域外點擊任何地方隱藏DIV的相關(guān)資料,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
具體代碼如下所示：
$('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();
}
})
PS：下面在接著看一段代碼jquery 點擊除本身外其他地方隱藏
$("#test").click(function(e) {
e?e.stopPropagation():event.cancelBubble = true;
});
$(document).click(function() {
$("#test").fadeOut();
<pre name="code" class="html">e?e.stopPropagation():event.cancelBubble = true; 為阻止冒泡事件</pre> });
<pre></pre>
<br>
<link rel="stylesheet" >
總結(jié)
以上所述是小編給大家介紹的jQuery除指定區(qū)域外點擊任何地方隱藏DIV，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
Javascript jquery css 寫的簡單進度條控件
很多的時候用戶需要等待你“臃腫”的 Javascript 代碼處理完成（Web 2.0 的特色）。期間或許加入一個類似于進度條的東西讓用戶有點“安慰”。這個東西實現(xiàn)起來并不復(fù)雜，無非就是獲得總的處理條目，然后獲得一個百分比，再顯示輸出。2008-03-03
jquery插件jquery.nicescroll實現(xiàn)圖片無滾動條左右拖拽的方法
這篇文章主要介紹了jquery插件jquery.nicescroll實現(xiàn)圖片無滾動條左右拖拽的方法,實例分析了jquery.nicescroll插件實現(xiàn)圖片拖拽效果的方法,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了一款基于jQuery的圖片場景標注提示彈窗特效,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了JQuery替換DOM節(jié)點的方法,實例分析了jQuery中replaceWith()和replaceAll()方法的相關(guān)使用技巧與注意事項,需要的朋友可以參考下2015-06-06
jQuery中的Deferred和promise 的區(qū)別
這篇文章主要介紹了jQuery中的Deferred和promise 的區(qū)別的相關(guān)資料,需要的朋友可以參考下2016-04-04
Jquery循環(huán)截取字符串的方法(多出的字符串處理成"...")
下面小編就為大家?guī)硪黄狫query循環(huán)截取字符串的方法(多出的字符串處理成"...")。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jQuery.Uploadify插件實現(xiàn)帶進度條的批量上傳功能
這篇文章主要介紹了jQuery.Uploadify插件實現(xiàn)帶進度條的批量上傳功能,還具有取消上傳及刪除等功能,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
jQuery+ajax實現(xiàn)滾動到頁面底部自動加載圖文列表效果(類似圖片懶加載)
這篇文章主要介紹了jQuery+ajax實現(xiàn)滾動到頁面底部自動加載圖文列表效果,模擬圖片懶加載功能,涉及jQuery的ajax與asp.net交互動態(tài)顯示頁面內(nèi)容的相關(guān)技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了一個有意思的鼠標點擊文字特效jquery代碼,需要的朋友可以參考下2017-09-09
今天剛剛把jquery的插件制作學(xué)習了一下，總結(jié)一下別人寫的和自己的心得，方便其他初學(xué)者的學(xué)習，考慮到要學(xué)習jquery插件制作的人一定知道jquery插件的好處和通用性，這里就不多說2012-02-02