jQuery-Ausblendungs- und Anzeigeeffekt-Implementierung_jquery

Beispiel

jQuery hide()

Einfache Demonstration der jQuery-Methode hide().

jQuery hide()

Eine weitere hide()-Instanz. Demonstriert, wie Text ausgeblendet wird.

jQuery hide() und show()

Mit jQuery können Sie HTML-Elemente mithilfe der Methoden hide() und show() ein- und ausblenden:

Beispiel

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

Grammatik:

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

Der optionale Geschwindigkeitsparameter gibt die Geschwindigkeit des Ein-/Ausblendens an und kann die folgenden Werte annehmen: „langsam“, „schnell“ oder Millisekunden.

Der optionale Callback-Parameter ist der Name der Funktion, die ausgeführt werden soll, nachdem das Ausblenden oder Anzeigen abgeschlossen ist.

Das folgende Beispiel demonstriert die hide()-Methode mit dem Geschwindigkeitsparameter:

Beispiel

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

jQuery toggle()

Mit jQuery können Sie die Methode toggle() verwenden, um die Methoden hide() und show() umzuschalten.

Ausgeblendete Elemente anzeigen und angezeigte Elemente ausblenden:

Beispiel

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

Grammatik:

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

Der optionale Geschwindigkeitsparameter gibt die Geschwindigkeit des Ein-/Ausblendens an und kann die folgenden Werte annehmen: „langsam“, „schnell“ oder Millisekunden.

Der optionale Callback-Parameter ist der Name der Funktion, die nach Abschluss der toggle()-Methode ausgeführt werden soll.