Zusammenfassung der Methoden von JQuery zum Anzeigen ausgeblendeter Seitenelemente_jquery

Es gibt viele Möglichkeiten, Divs in jquery anzuzeigen und auszublenden, z. B. die relativ einfachen Funktionen show(), hide(), toggle(), slideDown() und css, um das Stilattribut des Divs unten auf I zu setzen einführen.

show()-Methode

Versteckte

-Elemente anzeigen.

Code kopieren Der Code lautet wie folgt:

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

toggle()-Methode Die Methode

toggle() schaltet den sichtbaren Zustand eines Elements um.
Blenden Sie die ausgewählten Elemente aus, wenn sie sichtbar sind, und zeigen Sie sie an, wenn die ausgewählten Elemente ausgeblendet sind.

Code kopieren Der Code lautet wie folgt:

Dies ist ein Absatz.

Umschalten

slideDown()-Methode

Wischen Sie, um ausgeblendete

-Elemente anzuzeigen:

Code kopieren Der Code lautet wie folgt:

$(".btn2").click(function(){
$("p").slideDown();
});

hide()-Methode

Sichtbare

-Elemente ausblenden:

Code kopieren Der Code lautet wie folgt:

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

Diese Funktion wird oft zusammen mit show verwendet

css()-Methode

Die Methode

css() legt ein oder mehrere Stilattribute des ausgewählten Elements fest oder gibt sie zurück.

CSS-Eigenschaften zurückgeben
Um den Wert einer angegebenen CSS-Eigenschaft zurückzugeben, verwenden Sie die folgende Syntax:

Code kopieren Der Code lautet wie folgt:

css("propertyname");
$("p").css("display","none");

Schauen Sie sich ein Beispiel an

Code kopieren Der Code lautet wie folgt:

Spezialeffekte für Inhalte in div

anzeigen und ausblenden

1. Testbeispiel
​ ​ 2. Testbeispiel
3. Testbeispiel
4. Testbeispiel
5. Testbeispiel
​​​​ 6.Testbeispiel
​​ 7.Testbeispiel
​​​​ 8.Testbeispiel
9. Testbeispiel
            0.Testbeispiel