Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Zusammenfassung der Methoden von JQuery zum Anzeigen ausgeblendeter Seitenelemente_jquery

Zusammenfassung der Methoden von JQuery zum Anzeigen ausgeblendeter Seitenelemente_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben： 2016-05-16 16:03:42
Original
1696 Leute haben es durchsucht

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


Verwandte Etiketten：
jquery
Vorheriger Artikel：JavaScript-Methode zum Implementieren von Mouseover-Bildtransformationseffekten_javascript-Fähigkeiten Nächster Artikel：Verschiedene Techniken zur Verwendung der ternären JavaScript-Techniken „operator_javascript“.
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Importieren Sie jQuery-Dateien
Aus 1970-01-01 08:00:00
0
0
0
javascript - Die Verwendung von jquery in vue schlägt fehl, wenn jquery eingeführt wird, aber das Plug-in, das jquery einführt, nicht definiert ist? ?
Aus 1970-01-01 08:00:00
0
0
0
javascript - Wie kann ich einige JQuery-Methoden importieren?
Aus 1970-01-01 08:00:00
0
0
0
PHP+JQuery-Problem
Aus 1970-01-01 08:00:00
0
0
0
Wählen Sie das von flatpickr eingegebene jQuery-Element $input._flatpicker aus
Aus 1970-01-01 08:00:00
0
0
0
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage