這篇文章主要介紹了JQuery控制div外點擊隱藏而div內點擊不會隱藏的方法,涉及show、hide及stopPropagation等方法的使用技巧,需要的朋友可以參考下
本文實例講述了JQuery控制div外點擊隱藏而div內點擊不會隱藏的方法。分享給大家供大家參考。具體如下:
比如有個div其id為body,實現在div外點擊隱藏,div內點擊不隱藏,采用jQuery實現如下:
復制代碼代碼如下:
$("#body").click(function(e) {
$(this).show();
e.stopPropagation();
});
$(document).click(function(event) {
$("#body").hide();
});
如果div內點擊隱藏,可采用jQuery的觸發事件
復制代碼代碼如下:
$(document).trigger("click");
希望本文所述對大家的jQuery程序設計有所幫助。