In jquery wird die fadeout()-Methode verwendet, um die Deckkraft ausgewählter Elemente schrittweise von sichtbar zu ausgeblendet zu ändern. Elemente, die mit dieser Methode ausgeblendet werden, haben keinen Einfluss auf das Layout der Seite, und das Festlegen von Parametern innerhalb der Methode kann die Geschwindigkeit ändern Beim Element-Fading lautet die Syntax „Elementobjekt.fadeOut(Geschwindigkeit, Beschleunigung, Ausführungsfunktion)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
Hinweis: Ausgeblendete Elemente werden nicht vollständig angezeigt (beeinflussen nicht mehr das Layout der Seite).
Tipp: Diese Methode wird normalerweise zusammen mit der fadeIn()-Methode verwendet.
Syntax
$(selector).fadeOut(speed,easing,callback)
Parameter werden wie folgt ausgedrückt:
"langsam"
"schnell"
"linear" - bewegt sich mit konstanter Geschwindigkeit
Tipp: In der Erweiterung stehen weitere Beschleunigungsfunktionen zur Verfügung.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("p").fadeOut()
});
});
</script>
</head>
<body>
<button class="btn1">淡出</button>
<p>这是一个段落。</p>
</body>
</html>Ausgabeergebnis:
Empfohlene verwandte Video-Tutorials:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Fadeout-Methode in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Was sind die JQuery-Plug-Ins?
So bedienen Sie JSON mit JQuery
So löschen Sie Elemente in JQuery
Verwendung der jQuery-Methode hover()
jquery implementiert die Paging-Methode
Was ist ein verstecktes Element in jquery?
Was wird in jquery hervorgehoben?
Was ist der Unterschied zwischen einem Router und einer Katze?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
