JQuery制御div外クリック非表示でdiv内クリック非表示の方法

599 ワード

この例では,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プログラム設計に役立つことを願っています.