suchen

Heim  >  Artikel  >  Web-Frontend  >  So lassen Sie die Klickschaltfläche in JQuery verschwinden

So lassen Sie die Klickschaltfläche in JQuery verschwinden

青灯夜游
青灯夜游Original
2022-03-25 19:05:073047Durchsuche

Implementierungsmethode: 1. Verwenden Sie click(), um das Klickereignis an das Schaltflächenelement zu binden und die Verarbeitungsfunktion festzulegen. Die Syntax lautet „$(“button“).click(function(){...});“ ; 2. Verwenden Sie in der Verarbeitungsfunktion hide(), um das Schaltflächenelement auszublenden. Die Syntax lautet „$(this).hide();“.

So lassen Sie die Klickschaltfläche in JQuery verschwinden

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jquery-Methode, um die Klickschaltfläche verschwinden zu lassen:

Implementierungsmethode:

  • Verwenden Sie click(), um das Klickereignis an das Schaltflächenelement zu binden und die Handlerfunktion festzulegen

  • In der Handler-Funktion: Verwenden Sie hide(), um das Schaltflächenelement auszublenden.

Implementierungscode: 

<!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>

So lassen Sie die Klickschaltfläche in JQuery verschwinden

hide() n kann eine Zahl eingeben oder hinterlassen, die die Anzahl der Sekunden darstellt, um die Geschwindigkeit des ausgeblendeten Effekts anzugeben. 

$(this).hide(1000);

So lassen Sie die Klickschaltfläche in JQuery verschwinden

Beschreibung:

hide()-Methode verbirgt das ausgewählte Element

Syntax: 

$(selector).hide(speed,easing,callback)
Parameter Beschreibung
Geschwindigkeit Optional. Gibt an, wie schnell der Effekt ausgeblendet wird.

Mögliche Werte:

  • ms
  • "langsam"
  • "schnell"
easing Optional. Gibt die Geschwindigkeit des Elements an verschiedenen Punkten in der Animation an. Der Standardwert ist „swing“.

Mögliche Werte:

  • „swing“ – bewegt sich langsam am Anfang/Ende, bewegt sich schnell in der Mitte
  • „linear“ – bewegt sich mit konstanter Geschwindigkeit
Tipp: Weitere Beschleunigungsfunktionen sind in der Erweiterung verfügbar.
Rückruf optional. Die Funktion, die ausgeführt werden soll, nachdem die Methode hide() ausgeführt wurde.

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo lassen Sie die Klickschaltfläche in JQuery verschwinden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery function 事件 this
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So fügen Sie beim Klicken im JQuery-Formular eine Zeile hinzuNächster Artikel：So fügen Sie beim Klicken im JQuery-Formular eine Zeile hinzu

In Verbindung stehende Artikel

Mehr sehen