Heim >Web-Frontend >Front-End-Fragen und Antworten >So lassen Sie die Klickschaltfläche in JQuery verschwinden
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();“.
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>
hide() n kann eine Zahl eingeben oder hinterlassen, die die Anzahl der Sekunden darstellt, um die Geschwindigkeit des ausgeblendeten Effekts anzugeben.
$(this).hide(1000);
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:
|
easing | Optional. Gibt die Geschwindigkeit des Elements an verschiedenen Punkten in der Animation an. Der Standardwert ist „swing“. Mögliche Werte:
|
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!