recherche

Maison  >  Article  >  interface Web  >  Comment faire disparaître le bouton de clic dans jquery

Comment faire disparaître le bouton de clic dans jquery

青灯夜游
青灯夜游original
2022-03-25 19:05:073044parcourir

Méthode d'implémentation : 1. Utilisez click() pour lier l'événement click à l'élément bouton et définir la fonction de traitement, la syntaxe est "$("button").click(function(){...});" ; 2. Dans Dans la fonction de traitement, utilisez hide() pour masquer l'élément bouton, la syntaxe est "$(this).hide();".

Comment faire disparaître le bouton de clic dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Méthode jquery pour faire disparaître le bouton de clic :

Méthode d'implémentation :

  • Utilisez click() pour lier l'événement click à l'élément bouton et définir la fonction de gestionnaire

  • Dans le fonction de gestionnaire, utilisez hide() pour masquer l'élément bouton

Code d'implémentation : 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$(this).hide();
				});
			});
		</script>
	</head>
	<body>
		<button>点击按钮，点击后消失</button>
	</body>
</html>

Comment faire disparaître le bouton de clic dans jquery

hide() n peut entrer ou laisser un nombre représentant le nombre de secondes pour spécifier la vitesse de l'effet caché. 

$(this).hide(1000);

Comment faire disparaître le bouton de clic dans jquery

Description :

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

Syntaxe : 

$(selector).hide(speed,easing,callback)
Paramètres Description
vitesse Facultatif. Spécifie la rapidité avec laquelle l'effet est masqué.

Valeurs possibles :

  • ms
  • "lent"
  • "rapide"
assouplissement 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
  • "linéaire" - se déplace à une vitesse constante
Astuce : Plus de fonctions d'accélération sont disponibles dans l'extension.
rappel facultatif. La fonction à exécuter après l'exécution de la méthode hide().

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】

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!

jquery function 事件 this
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
Article précédent：Comment ajouter une ligne en cliquant sous forme jqueryArticle suivant：Comment ajouter une ligne en cliquant sous forme jquery

Articles Liés

Voir plus