Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der Methoden von JQuery zum Anzeigen ausgeblendeter Seitenelemente_jquery

Zusammenfassung der Methoden von JQuery zum Anzeigen ausgeblendeter Seitenelemente_jquery

WBOY
WBOYOriginal
2016-05-16 16:03:421578Durchsuche

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.





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


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn