Comment configurer jquery pour masquer le div lorsque la souris clique dessus-Questions et réponses frontales-php.cn

Comment configurer jquery pour masquer le div lorsque la souris clique dessus

WBOY

Libérer： 2022-03-22 15:31:15

original

2013 Les gens l'ont consulté

Comment configurer le div pour qu'il soit masqué par jquery lorsque vous cliquez sur la souris : 1. Liez l'événement click à l'élément div et définissez la fonction de traitement d'événement 2. Dans la fonction de traitement d'événement, utilisez la méthode hide() pour définir ; le div à masquer, et la syntaxe est " div element object.hide()".

Comment configurer jquery pour masquer le div lorsque la souris clique dessus

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

Comment configurer jquery pour masquer le div lorsque la souris clique dessus

La méthode hide() masque l'élément sélectionné.

La syntaxe est :

$(selector).hide(speed,easing,callback)

Copier après la connexion

speed Facultatif. Spécifie la rapidité avec laquelle l'effet est masqué.

Valeurs possibles :

ms "lent" "rapide"

easing Facultatif. Spécifie la vitesse de l'élément à différents points de l'animation. La valeur par défaut est "swing".

Valeurs possibles :

"swing" - se déplace lentement au début/à la fin, se déplace rapidement au milieu "linear" - se déplace à une vitesse constante Astuce : D'autres fonctions d'assouplissement sont disponibles dans l'extension.

rappel Facultatif. La fonction à exécuter après l'exécution de la méthode hide().

Lorsqu'un élément est cliqué, l'événement click se produit. 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.

La syntaxe est :

Déclencher l'événement click de l'élément sélectionné :

$(selector).click()

Copier après la connexion

Ajouter une fonction à l'événement click :

$(selector).click(function)

Copier après la connexion

L'exemple est le suivant :

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").click(function(){
$("div").hide();
});
});
</script>
</head>
<body>
<div style="width:100px;height:100px;border:1px solid red;"></div>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment configurer jquery pour masquer le div lorsque la souris clique dessus