jQuery Effekt - Verstecken und Anzeigen

Verstecken, Anzeigen, Umschalten, Verschieben, Ein- und Ausblenden sowie Animationen, Wow!

Effekt Demonstration

Klicken Sie hier, um die versteckte/angezeigte Leiste anzuzeigen

Ein Zoll Zeit ist ein Zoll Gold, daher bieten wir Ihnen schnell und leicht verständliches Lernmaterial.

Hier können Sie durch ein verständliches und bequemes Modell das gewünschte Wissen erhalten.

Beispiel

jQuery hide()
Demonstration eines einfachen jQuery hide() -Befehls.
jQuery hide()
Eine andere hide() -Demonstration. Wie man einen Teil des Textes versteckt.

jQuery hide() und show()

Mit jQuery können Sie die hide() und show() -Methoden verwenden, um HTML-Elemente zu verstecken und anzuzeigen:

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});

Versuchen Sie es selbst

Syntax:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

Optional speed Der Parameter legt die Geschwindigkeit der Versteckung/Anzeige fest und kann die folgenden Werte annehmen: "slow", "fast" oder Millisekunden.

Optional callback Der Parameter ist der Name der Funktion, die nach dem Verstecken oder Anzeigen ausgeführt wird.

Der folgende Beispiel zeigt mit speed Die Parameter der hide() -Methode:

Beispiel

$("button").click(function(){
  $("p").hide(1000);
});

Versuchen Sie es selbst

jQuery toggle()

Mit jQuery können Sie den toggle() -Befehl verwenden, um zwischen hide() und show() zu wechseln.

Zeige die versteckten Elemente an und verstecke die angezeigten Elemente:

Beispiel

$("button").click(function(){
  $("p").toggle();
});

Versuchen Sie es selbst

Syntax:

$(selector).toggle(speed,callback);

Optional speed Der Parameter legt die Geschwindigkeit der Versteckung/Anzeige fest und kann die folgenden Werte annehmen: "slow", "fast" oder Millisekunden.

Optional callback Der Parameter ist der Name der Funktion, die nach dem Abschluss der toggle() Methode ausgeführt wird.

jQuery Effekt Referenzhandbuch

Für eine umfassende Durchsicht der jQuery Effekte besuchen Sie bitte unsere jQuery Effekt Referenzhandbuch。