So lassen Sie JQuery nach zwei Sekunden verschwinden-Front-End-Fragen und Antworten-php.cn

So lassen Sie JQuery nach zwei Sekunden verschwinden

WBOY

Freigeben： 2022-01-10 16:49:22

Original

1682 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!