Maison >interface Web >js tutoriel >Comment masquer div en cliquant n'importe où dans jquery

Comment masquer div en cliquant n'importe où dans jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2021-12-13 17:46:322290parcourir

Méthode : 1. Liez l'événement click à l'élément body et spécifiez la fonction de traitement d'événement. La syntaxe est "$("body").click(function())" ; Méthode hide() Pour obtenir l'effet de masquer le div en cliquant n'importe où, la syntaxe est "$("div").hide();".

Comment masquer div en cliquant n'importe où dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment masquer un div en cliquant n'importe où dans jquery

Dans jquery, vous pouvez utiliser la méthode hide() et la méthode click() pour obtenir l'effet de masquer un div en cliquant n'importe où.

Méthode click() Lorsqu'un élément est cliqué, l'événement click se produit. Un clic se produit lorsque le pointeur de la souris se trouve sur un élément et que le bouton gauche de la souris est enfoncé puis relâché. La méthode click() déclenche un événement de clic ou spécifie une fonction à exécuter lorsqu'un événement de clic se produit.

L'exemple est le suivant :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("body").click(function(){
    $("div").hide();
  });
});
</script>
<style type="text/css">
    div{
        width:200px;
        height:200px;
        background-color:red;
    }
</style>
</head>
<body>
<div></div>
</body>
</html>

Résultat de sortie :

Comment masquer div en cliquant nimporte où dans jquery

Tutoriel vidéo associé recommandé : Tutoriel vidéo jQuery

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