JQuery控制div外點擊隱藏而div內點擊不會隱藏的方法_jquery

本文實例講述了JQuery控制div外點擊隱藏而div內點擊不會隱藏的方法。分享給大家供大家參考。具體如下：

例如有個div其id為body，實作在div外點擊隱藏，div內點擊不隱藏，採用jQuery實作如下：

複製程式碼 程式碼如下:

$("#body").click(function(e) { 
$("#body").click(function(e) { 
    $(this).show(); 
        e.stopPropagation(); 
}); 
$(document).click(function(event) { 
 
    $("#body").hide(); 

});

如果div內點選隱藏，可採用jQuery的觸發事件

複製程式碼

複製程式碼

程式碼如下:

$(document).trigger("click"); 希望本文所述對大家的jQuery程式設計有所幫助。