本文主要介紹了jQuery除指定區域外點擊任何地方隱藏p的相關資料,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友可以參考下,希望能幫助到大家。
具體程式碼如下所示:
$('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; 为阻止冒泡事件});
相關推薦:
#js實作的點擊div區域外隱藏div區域_javascript技巧
以上是詳解jQuery除指定區域外點擊任何地方隱藏DIV功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!