JQuery Hide -Methode | Erklärt
JQuery, eine JavaScript -Bibliothek, macht Aufgaben wie Animation, Ereignisbehandlung oder Ajax sehr einfach. Dies sind einige Aufgaben, die normalerweise mehrere Codezeilen erfolgen würden, um zu erreichen, aber JQuery bietet bestimmte Methoden, die diese Aufgaben in nur einer einzelnen Codezeile erfüllen können. Obwohl es jedoch zahlreiche Anzahl von JQuery -Methoden gibt, bleiben wir in diesem Leitfaden an der Jquery Hide () -Methode und sehen, wie sie funktioniert.
JQuery Hide () Methode
Wie der Name schon sagt, wird die Jquery Hide () -Methode zum Zweck des Versteckens bestimmter Elemente verwendet. Die Elemente, die Sie mit dem verstecken JQuery Hide () Methode wird für den Benutzer völlig unsichtbar sein.
Syntax
$ selector.ausblenden (Parameter)Die verschiedenen Parameter, die Sie an die Methode Hide () übergeben können, sind wie folgt.
| Parameter | Beschreibung |
|---|---|
| Geschwindigkeit | Dieser Parameter beschreibt die Geschwindigkeit der Heldeffekte. Es kann Werte wie langsam, schnell und Miliskunden aufweisen. |
| Lockerung | Dieser Parameter beschreibt die Geschwindigkeit eines Elements an verschiedenen Animationspunkten. Es kann Werte wie Swing und Linear aufweisen. |
| Ruf zurück | Es ist eine Funktion, die nach Abschluss der Hide () -Methode ausgeführt wird. |
Notiz: Alle oben genannten Parameter sind optional.
Im Folgenden haben wir einige Beispiele veranschaulicht, die dazu beitragen, ein besseres Verständnis der Hide () -Methode zu ermitteln.
Beispiel 1
Dieses Beispiel zeigt die Methode von Hide (), indem kein Parameter übergeben wird.
Html
Klicken Sie auf die Schaltfläche unten, um diese Überschrift auszublenden.
Im obigen HTML -Code werden zwei Elemente erstellt
Und . Jetzt werden wir die Jquery Hide () -Methode auf die verbergen Element.
JQuery
Ausgang
Bevor Sie auf die Schaltfläche „Ausblenden“ klicken.
Nach dem Klicken auf die Schaltfläche verschwindet die Überschrift.
Die Überschrift verschwand erfolgreich und schnell.
Beispiel 2
Dieses Beispiel zeigt die Funktionsweise des Geschwindigkeitsparameters.
JQuery
Im obigen Beispiel haben wir 900 als Parameter an die Funktion hide () übergeben, sodass Sie, sobald Sie auf die Schaltfläche klicken, nur 900 Millisekunden benötigt, damit der Übergang verschwindet. Je weniger die Anzahl der Milisekunden ist, desto schneller wird die Überschrift verschwinden und umgekehrt.
Ausgang
Der Geschwindigkeitsparameter funktioniert ordnungsgemäß.
Beispiel 3
Dieses Beispiel zeigt die Arbeit des Rückrufparameters.
JQuery
Im obigen Code -Snippet haben wir zusammen mit dem Geschwindigkeitsparameter auch den Rückrufparameter übergeben. Sobald die Hide () -Methode ausgeführt wurde.
Ausgang
Bevor Sie auf die Schaltfläche klicken.
Nachdem Sie auf die Schaltfläche geklickt haben.
Der Rückrufparameter funktioniert ordnungsgemäß.
Abschluss
Die Jquery Hide () -Methode wird zum Zweck des Versteckens bestimmter Elemente verwendet. Sobald die Elemente versteckt sind, verschwinden sie vollständig aus dem Anblick des Benutzers. Sie können drei Parameter an die Hide () -Funktion übergeben, die sind; Geschwindigkeit, Lockerung und Rückruf. Alle diese Parameter sind optional. Die Jquery Hide () -Methode wird in diesem Leitfaden zusammen mit Beispielen ausführlich erklärt, die die Verwendung der verschiedenen Hide () -Methodenparameter veranschaulichen.