Über jQuery-Effekte – verwandte Kenntnisse zum Ausblenden und Anzeigen

Ausblenden, Anzeigen, Wechseln, Schieben, Ein- und Ausblenden sowie Animation können alle über jquery erreicht werden. In diesem Artikel geht es um Vorgänge im Zusammenhang mit jquery.

jQuery hide() und show()

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

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

Syntax:

$(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 Methode hide() mit dem Geschwindigkeitsparameter:

Beispiel

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

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

Ausgeblendete Elemente anzeigen und angezeigte Elemente ausblenden:

Beispiel

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

Syntax:

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

Der optionale Geschwindigkeitsparameter gibt das Ausblenden/ Die angezeigte Geschwindigkeit an, die möglich ist Nehmen Sie die folgenden Werte an: „langsam“, „schnell“ oder Millisekunden.

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

In diesem Artikel werden Jquery-bezogene Animationen erläutert. Weitere Lernmaterialien finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Verwandte Wissenspunkte zu jQuery-Ereignissen

SQL Server – RDBMS-bezogenes Wissen

Verwandte Wissenspunkte zu SQL-NULL-Werten

Das obige ist der detaillierte Inhalt vonÜber jQuery-Effekte – verwandte Kenntnisse zum Ausblenden und Anzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!