ホームページ > ウェブフロントエンド > フロントエンドQ&A > jquery数秒後に要素を消す方法

jquery数秒後に要素を消す方法

青灯夜游
リリース: 2022-03-18 14:25:07
オリジナル
2354 人が閲覧しました

数秒後に要素を非表示にする Jquery メソッド: 1. 遅延時間を設定するには、lay() 関数を使用します。 2. 遅延時間を設定するには、hide()、toggle()、または slideDown() 関数を使用します。要素は指定された遅延時間後に消滅します。消滅する構文は「element object.lay(遅延秒数).hide();」です。

jquery数秒後に要素を消す方法

##の動作環境このチュートリアル: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery は数秒後に要素を非表示にします

jquery では、delay() メソッドと Hide() (トグル) を使用できます。 () または slideDown() メソッド) を使用して、数秒後に要素を非表示にします。

  • Delay() 関数で遅延時間を設定します。

  • Hide()、toggle() または、slideDown() 関数は、指定された遅延時間の後に要素を非表示にします

実装コード: 3 秒後に非表示

#

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p").delay(3000).hide(2000);
				});
			});
		</script>
	</head>

	<body>
		<button>隐藏元素</button>
		<p style="background-color: #FFC0CB;">测试文本</p>
	</body>
</html>
ログイン後にコピー

jquery数秒後に要素を消す方法

【推奨学習:

jQuery ビデオ チュートリアル Web フロントエンド

以上がjquery数秒後に要素を消す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート