JQuery控制div外點擊隱藏而div內(nèi)點擊不會隱藏的方法
更新時間：2015年01月13日 14:37:43 投稿：shichen2014
這篇文章主要介紹了JQuery控制div外點擊隱藏而div內(nèi)點擊不會隱藏的方法,涉及show、hide及stopPropagation等方法的使用技巧,需要的朋友可以參考下
本文實例講述了JQuery控制div外點擊隱藏而div內(nèi)點擊不會隱藏的方法。分享給大家供大家參考。具體如下：
比如有個div其id為body，實現(xiàn)在div外點擊隱藏，div內(nèi)點擊不隱藏，采用jQuery實現(xiàn)如下：
復(fù)制代碼 代碼如下:
$("#body").click(function(e) {
$(this).show();
e.stopPropagation();
});
$(document).click(function(event) {
$("#body").hide();
});
$(this).show();
e.stopPropagation();
});
$(document).click(function(event) {
$("#body").hide();
});
如果div內(nèi)點擊隱藏，可采用jQuery的觸發(fā)事件
復(fù)制代碼 代碼如下:
$(document).trigger("click");
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了jQuery操作選中select下拉框的值代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
jQuery實現(xiàn)布局高寬自適應(yīng)的簡單實例
下面小編就為大家?guī)硪黄猨Query實現(xiàn)布局高寬自適應(yīng)的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了jquery插件懶加載的示例，幫助大家更好的利用jQuery制作網(wǎng)頁，感興趣的朋友可以了解下2020-10-10
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)動態(tài)向上滾動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
這篇文章主要介紹了jQuery平滑旋轉(zhuǎn)幻燈片特效，一個具有自己特色的幻燈片會吸引用戶的注意力，讓用戶產(chǎn)生瀏覽網(wǎng)站的興趣至關(guān)重要，現(xiàn)在小編推薦給大家一款特別棒的幻燈片，感興趣的小伙伴可以參考下。2015-09-09
jQuery 導(dǎo)航自動跟隨滾動的實現(xiàn)代碼
這篇文章主要介紹了jQuery 導(dǎo)航自動跟隨滾動的實現(xiàn)代碼,需要的朋友可以參考下2018-05-05
bootstrap table 服務(wù)器端分頁例子分享
這篇文章主要介紹了bootstrap table 服務(wù)器端分頁例子分享,需要的朋友可以參考下2015-02-02
為Jquery EasyUI 組件加上清除功能的方法(詳解)
下面小編就為大家?guī)硪黄獮镴query EasyUI 組件加上清除功能的方法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
jQuery setTimeout()函數(shù)使用方法
setTimeout在以前的js中是定時執(zhí)行一個對象或函數(shù)，下面我來介紹jquery中的setTimeout函數(shù)使用方法有需要了解的朋友仔細(xì)的參考參考2013-04-04
這篇文章主要介紹了jQuery中hasClass()方法用法,實例分析了hasClass()方法的功能、定義及驗證匹配元素是否包含指定類的使用技巧,需要的朋友可以參考下2015-01-01