Heim > Web-Frontend > js-Tutorial > So lassen Sie Elemente in JQuery nach 3 Sekunden verschwinden

So lassen Sie Elemente in JQuery nach 3 Sekunden verschwinden

WBOY
Freigeben: 2021-12-13 14:20:40
Original
3218 Leute haben es durchsucht

Jquery-Methode, um Elemente nach 3 Sekunden verschwinden zu lassen: 1. Verwenden Sie die Methode „delay()“, um die Operationsverzögerungszeit anzugeben. 2. Verwenden Sie die Methode „hide()“, um das Element nach der angegebenen Verzögerungszeit auszublenden (Geben Sie das Element ).delay(3000).hide(300);“ an.

So lassen Sie Elemente in JQuery nach 3 Sekunden verschwinden

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

So lassen Sie Elemente mit jquery nach 3 Sekunden verschwinden

Um den Effekt zu erzielen, dass Elemente nach drei Sekunden verschwinden, müssen Sie die Methoden „delay()“ und „hide()“ verwenden. Die Methode

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

Die Syntax lautet:

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

hide()-Methode wird zum Ausblenden von Elementen verwendet.

Nehmen wir ein Beispiel, um zu sehen, wie die beiden oben genannten Methoden verwendet werden, um das Element nach 3 Sekunden verschwinden zu lassen. 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(3000).hide(300);
        });
    })
</script>
</head>
<body>
    <div id="content">
        <button id="dianji">点击</button>
        <div id="disappare">
            <p>点击3秒后会自动消失</p>
        </div>
    </div>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So lassen Sie Elemente in JQuery nach 3 Sekunden verschwinden

Empfohlene verwandte Video-Tutorials: jQuery-Video Tutorial

Das obige ist der detaillierte Inhalt vonSo lassen Sie Elemente in JQuery nach 3 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