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 ztree實現(xiàn)樹的搜索功能，zTree是利用 JQuery 的核心代碼，實現(xiàn)一套能完成大部分常用功能的Tree插件，對ztree感興趣的小伙伴們可以參考一下2016-02-02
jQuery中RadioButtonList的功能及用法實例介紹
RadioButtonList的使用想必大家都有所解除，本文為以示例的方式為大家詳細介紹下其功能及用法，感興趣的朋友可以參考下2013-08-08
jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法
這篇文章主要介紹了jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法,涉及jQuery操作文本框的技巧,需要的朋友可以參考下2015-04-04
jQuery 實現(xiàn)批量提交表格多行數(shù)據(jù)的方法
今天小編就為大家分享一篇jQuery 實現(xiàn)批量提交表格多行數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
jQuery focus和blur事件的應(yīng)用詳解
本篇文章主要是對jQuery中focus和blur事件的應(yīng)用進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
jQuery+Cookie實現(xiàn)切換皮膚功能【附源碼下載】
這篇文章主要介紹了jQuery+Cookie實現(xiàn)切換皮膚功能,結(jié)合完整實例形式分析了jQuery結(jié)合cookie動態(tài)變換頁面元素樣式的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-03-03
JQuery Tips相關(guān)(1)----關(guān)于$.Ready()
學習jQuery的第一件事是：如果你想要一個事件運行在你的頁面上，你必須在$(document).ready()里調(diào)用這個事件。所有包括在$(document).ready()里面的元素或事件都將會在DOM完成加載之后立即加載，并且在頁面內(nèi)容加載之前。2014-08-08
jQuery插件zTree實現(xiàn)更新根節(jié)點中第i個節(jié)點名稱的方法示例
這篇文章主要介紹了jQuery插件zTree實現(xiàn)更新根節(jié)點中第i個節(jié)點名稱的方法,結(jié)合實例形式分析了樹形插件zTree針對節(jié)點的更新操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了編寫自己的jQuery提示框（Tip）插件的方法,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了TinyMCE漢化及本地上傳圖片功能實例詳解的相關(guān)資料,由于我們下載下拉的是英文版，需要先漢化，比較簡單，需要的朋友可以參考下2016-05-05