ホームページ >ウェブフロントエンド >フロントエンドQ&A >jQueryを2秒後に消す方法
jQueryを2秒後に消す方法
- WBOYオリジナル
- 2022-01-10 16:49:221677ブラウズ
jquery では、2 秒後に要素が消える効果を実現するために、lay() 関数と Hide() 関数を使用できます。キュー内の次の項目 Hide() 関数 選択した要素を非表示にするために使用され、構文は "$(element).lay(2000).hide(200)" です。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery が 2 秒後に消える仕組み
Delay() メソッドは、キュー内の次の項目の実行の遅延を設定します。
構文
$(selector).delay(speed,queueName)
パラメータ
speed オプション。ディレイの速さを指定します。可能な値: ミリ秒、「遅い」、「速い」
queueName オプション。キューの名前を指定します。デフォルトは「fx」、標準のエフェクトキューです。
hide() メソッドは、選択した要素を非表示にします。
ヒント: これは、CSS プロパティの display:none に似ています。
注: 非表示の要素は完全には表示されません (ページのレイアウトには影響しません)。
ヒント: 非表示の要素を表示するには、show() メソッドを確認してください。
文法
$(selector).hide(speed,easing,callback)
例は次のとおりです:
<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>出力結果:
関連動画チュートリアルの推奨事項: jQuery ビデオ チュートリアル
以上がjQueryを2秒後に消す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：vueのスケルトン画面とは何ですか次の記事：vueのスケルトン画面とは何ですか