ホームページ > 記事 > ウェブフロントエンド > jqueryで5秒後に表示要素を非表示にする方法
jqueryで5秒後に表示要素を非表示にする方法
- WBOYオリジナル
- 2022-06-06 18:51:581185ブラウズ
方法: 1. "$("Element")" を使用して指定された要素オブジェクトを取得します; 2. "Element object.lay(5000)" を使用して要素の次の項目の実行遅延を設定します5 秒間; 3. 「遅延要素の設定 object.fadeOut();」を使用して、遅延時間後に非表示にする要素を設定します。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery 要素は 5 秒後に非表示になります
1. 要素オブジェクトを取得します
構文は次のとおりです:
$(selector)
2.設定 遅延時間は 5 秒です。
Delay() メソッドは、キュー内の次の項目の実行の遅延を設定します。
構文
$(selector).delay(speed,queueName)
3. 遅延を設定してから非表示にします
fadeOut() メソッドは、選択した要素の不透明度を表示から徐々に変更します。を非表示（フェード効果）にします。
注: 非表示の要素は完全には表示されません (ページのレイアウトには影響しません)。
構文は次のとおりです:
$(selector).fadeOut(speed,easing,callback)
例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="jsjquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("p").delay(5000).fadeOut();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button class="btn1">隐藏</button>
</body>
</html>出力結果:
ビデオ チュートリアル推奨事項:jQuery ビデオ チュートリアル
#以上がjqueryで5秒後に表示要素を非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：jqueryで必須属性を削除する方法次の記事：jqueryで必須属性を削除する方法