So lassen Sie JQuery nach zwei Sekunden verschwinden

WBOY
Freigeben: 2022-01-10 16:49:22
Original
1634 Leute haben es durchsucht

In jquery können die Funktionen „delay()“ und „hide()“ verwendet werden, um den Effekt zu erzielen, dass das Element nach zwei Sekunden verschwindet. Die Funktion „delay()“ wird verwendet, um die Verzögerungszeit für die Ausführung des nächsten Elements festzulegen Warteschlange und die Funktion hide() wird verwendet, um das Element auszublenden. Die Syntax für das ausgewählte Element lautet „$(element).delay(2000).hide(200)“.

So lassen Sie JQuery nach zwei Sekunden verschwinden

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Wie jquery nach zwei Sekunden verschwindet

Die Methode „delay()“ legt eine Verzögerung für die Ausführung des nächsten Elements in der Warteschlange fest.

Syntax

$(selector).delay(speed,queueName)
Nach dem Login kopieren

Parameter

Geschwindigkeit Optional. Gibt die Geschwindigkeit der Verzögerung an. Mögliche Werte: Millisekunden, „langsam“, „schnell“

queueName Optional. Gibt den Namen der Warteschlange an. Der Standardwert ist „fx“, die Standardeffektwarteschlange. Die Methode

hide() verbirgt das ausgewählte Element.

Tipp: Dies ähnelt der CSS-Eigenschaft display:none.

Hinweis: Ausgeblendete Elemente werden nicht vollständig angezeigt (beeinflussen nicht mehr das Layout der Seite).

Tipp: Um versteckte Elemente anzuzeigen, schauen Sie sich die Methode show() an.

Grammatik

$(selector).hide(speed,easing,callback)
Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("#dianji").click(function(){
            $("#disappare").delay(2000).hide(200);
        });
    })
</script>
</head>
<body>
    <div id="content">
        <button id="dianji">点击</button>
        <div id="disappare">
            <p>点击2秒后会自动消失</p>
        </div>
    </div>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So lassen Sie JQuery nach zwei Sekunden verschwinden

Empfehlung für ein entsprechendes Video-Tutorial: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo lassen Sie JQuery nach zwei Sekunden verschwinden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage