JQuery Show -Methode | Erklärt
Das Hinzufügen von Animationen und unterschiedlichen Effekten spielen eine wichtige Rolle bei der Erhöhung der Benutzererfahrung einer Website. Diese können mit absoluter Leichtigkeit unter Verwendung verschiedener von JQuery bereitgestellter Methoden durchgeführt werden. Dies ist eine JavaScript -Bibliothek. In diesem Leitfaden gibt es jedoch eine große Liste solcher JQuery -Methoden JQuery Show () Methode.
Lass uns anfangen.
JQuery Show () Methode
Wie der Name schon sagt, wird die Methode jQuery show () verwendet, um die verborgenen Elemente anzuzeigen. Diese Eigenschaft zeigt nur die Elemente, die entweder mit der jQuery hide () -Methode oder der CSS -Anzeigeeigenschaft verborgen sind.
Syntax
$ selector.Show (Parameter)Die Messe () -Methode zeigt die folgenden Parameter.
| Parameter | Beschreibung |
|---|---|
| Geschwindigkeit | Dieser Parameter beschreibt die Geschwindigkeit der Show -Effekte. Es macht Werte wie langsam, schnell und Millisekunden. |
| Lockerung | Dieser Parameter beschreibt die Geschwindigkeit eines Elements an verschiedenen Animationspunkten. Es macht Werte wie Swing und Linear. |
| Ruf zurück | Es ist eine Funktion, die ausgeführt wird, sobald die Show () -Methode aufgerufen wird. |
Notiz: Alle oben genannten Parameter sind optional.
Die folgenden Beispiele helfen Ihnen beim Erstellen eines besseren Verständnisses der Show () -Methode.
Beispiel 1
In diesem Beispiel haben wir die Show () -Methode demonstriert, indem wir keinen Parameter übergeben.
Da die Messe () -Method.
Html
JQuery Show () Methode
In dem obigen HTML -Code zwei Elemente und eins
Element werden erstellt. Jetzt werden wir die Methoden jQuery hide () und show () auf die Elemente anwenden, um den Effepace and Show -Effekt auf zu beobachten Element.
JQuery
Ausgang
Vor dem Klicken auf eine der Tasten.
Klicken Sie auf die erste Schaltfläche, um die Überschrift verschwinden zu lassen. Nachdem sie versteckt ist, klicken Sie auf die zweite Schaltfläche, um die Überschrift anzuzeigen.
Die Überschrift verschwand und erschien erfolgreich und schnell.
Beispiel 2
Dieses Beispiel zeigt die Funktionsweise des Geschwindigkeitsparameters.
JQuery
Im obigen Beispiel haben wir 900 als Parameter an die Methoden Hide () und Show () übergeben, sodass Sie, sobald Sie auf die erste Schaltfläche klicken Klicken Sie auf die zweite Schaltfläche . Je weniger die Anzahl der Millisekunden ist, desto schneller erscheint die Überschrift und umgekehrt umgekehrt.
Ausgang
Der Geschwindigkeitsparameter wurde erfolgreich ausgeführt.
Beispiel 3
Dieses Beispiel zeigt, wie der Rückrufparameter funktioniert.
JQuery
Im obigen Code -Snippet haben wir zusammen mit dem Geschwindigkeitsparameter auch den Rückrufparameter übergeben. Sobald die Methoden Hide () und Show () aufgerufen werden.
Ausgang
Bevor Sie auf eine der Schaltflächen klicken.
Nachdem Sie auf die erste Schaltfläche klicken, um die Überschrift auszublenden.
Nachdem Sie auf die zweite Schaltfläche klicken, um die Überschrift anzuzeigen.
Der Rückrufparameter funktioniert ordnungsgemäß.
Abschluss
Die Methode jQuery show () wird verwendet, um die verborgenen Elemente anzuzeigen. Es zeigt nur die Elemente, die entweder mit der Jquery Hide () -Methode oder der CSS -Anzeigeeigenschaft versteckt sind. Die Jquery Show () -Methode zeigt drei Parameter, die sind; Geschwindigkeit, Lockerung und Rückruf. Alle diese Parameter sind optional. Die jQuery show () -Methode wird in diesem Leitfaden zusammen mit Beispielen, die die Verwendung der verschiedenen Show () -Methodenparameter veranschaulichen, ausführlich erörtert.