So zeigen Sie versteckte Steuerelemente in JQuery an

jQuery ist eine hervorragende JavaScript-Bibliothek, die uns viele praktische und schnelle Bedienmethoden bietet, einschließlich des Ein- und Ausblendens von Steuerelementen.

1. So verbergen Sie Steuerelemente

1. Verwenden Sie die Methode hide(). Die Methode hide() ist die einfachste Methode zum Ausblenden von Steuerelementen, die von jQuery bereitgestellt wird. Sie kann jedes HTML-Element ausblenden. Angenommen, Sie haben eine Schaltfläche:

click me

Um diese Schaltfläche auszublenden, rufen Sie einfach die Methode hide() auf:

$("#myButton" ).hide();

Dadurch wird die Schaltfläche nicht mehr auf der Seite angezeigt.

Verwenden Sie die Methode fadeOut()

2. Die Methode fadeOut() verringert schrittweise die Deckkraft des Elements, bis das Element vollständig ausgeblendet ist. Seine Geschwindigkeit und Zeit können durch Festlegen der Parameter der fadeOut()-Methode gesteuert werden.

Zum Beispiel:

$("#myButton").fadeOut(1000);

Dadurch verschwindet die Schaltfläche in 1 Sekunde.

Verwenden Sie die slideUp()-Methode

3. slideUp()-Methode, um das Element nach oben zu schieben, bis es vollständig ausgeblendet ist. Wie bei der fadeOut()-Methode können Sie deren Geschwindigkeit und Zeit durch Festlegen von Parametern steuern.

Zum Beispiel:

$("#myButton").slideUp(1000);

Dadurch wird die Schaltfläche nach oben verschoben und verschwindet in 1 Sekunde.

2. So zeigen Sie Steuerelemente an

Verwenden Sie die Methode show()

1. Die Methode show() ist eine Methode ähnlich der Methode hide() und wird zum Anzeigen beliebiger HTML-Elemente verwendet. Wenn Sie beispielsweise eine ausgeblendete Schaltfläche anzeigen möchten:

Click me

Um diese Schaltfläche anzuzeigen, rufen Sie einfach show( ) auf. Methode:

$("#myButton").show();

Dadurch wird die Schaltfläche wieder auf der Seite angezeigt.

Verwenden Sie die fadeIn()-Methode

2. Die fadeIn()-Methode kann ein Element von undurchsichtig bis vollständig sichtbar machen, was das Gegenteil der fadeOut()-Methode ist. Seine Geschwindigkeit und Zeit können auch durch die Einstellung von Parametern gesteuert werden.

Zum Beispiel:

$("#myButton").fadeIn(1000);

Dadurch wechselt die Schaltfläche in 1 Sekunde von transparent zu vollständig sichtbar.

Verwenden Sie die slideDown()-Methode

3. Die slideDown()-Methode kann das Element nach unten schieben, bis es vollständig sichtbar ist. Wie bei der fadeIn()-Methode können Sie deren Geschwindigkeit und Zeit durch Festlegen von Parametern steuern.

Zum Beispiel:

$("#myButton").slideDown(1000);

Dadurch wird die Schaltfläche nach unten verschoben und in 1 Sekunde sichtbar.

Zusammenfassung:

Mit jQuery können wir Steuerelemente einfach und schnell ein- und ausblenden. Unabhängig davon, ob es ausgeblendet oder angezeigt wird, bietet jQuery eine Vielzahl von Methoden, um dies zu erreichen. Durch den flexiblen Einsatz dieser Methoden können wir das Erscheinungsbild von Webseitenelementen leicht steuern. Ich hoffe, dieser Artikel hilft Ihnen!

Das obige ist der detaillierte Inhalt vonSo zeigen Sie versteckte Steuerelemente in JQuery an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!