Maison  >  Article  >  interface Web  >  jQuery cliquez n'importe où pour masquer la fonctionnalité DIV

jQuery cliquez n'importe où pour masquer la fonctionnalité DIV

小云云
小云云original
2018-01-19 13:22:141898parcourir

Cet article présente principalement les informations pertinentes sur jQuery en cliquant n'importe où, sauf dans la zone spécifiée pour masquer p. Le code est simple et facile à comprendre, très bon et a une valeur de référence, j'espère qu'il pourra s'y référer. peut aider tout le monde.

Le code spécifique est le suivant :


$('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();                          
    }
  }
});

ou


$('body').click(function(e) {
  if(e.target.id != 'btn' && e.target.id != 'overlay')
   if ( $('#overlay').is(':visible') ) {
     $('#overlay').hide();
   }
})

PS : Jetons un coup d'œil à un morceau de code jquery ci-dessous. Cliquez n'importe où ailleurs que lui-même pour le masquer


$("#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;  为阻止冒泡事件
});
 

Recommandations associées :

jQuery clique n'importe où sauf dans la zone spécifiée pour masquer la fonction DIV

js masque le contenu entre les divs par nom de classe

Utilisez CSS3 pour afficher et masquer Exemple de tutoriel de div

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn