Rumah > Artikel > hujung hadapan web > jquery bagaimana untuk membuat elemen hilang selepas beberapa saat

jquery bagaimana untuk membuat elemen hilang selepas beberapa saat

青灯夜游asal: 2022-03-18 14:25:072299semak imbas

Cara untuk membuat elemen hilang selepas beberapa saat dalam jquery: 1. Gunakan fungsi delay() untuk menetapkan masa tunda 2. Gunakan fungsi hide(), toggle() atau slideDown() untuk hilangkan elemen selepas masa tunda yang ditentukan, sintaks "elemen object.delay(delay seconds).hide();"

Persekitaran operasi tutorial ini: sistem windows7, versi jquery1.10.2, komputer Dell G3.

jquery membuatkan elemen hilang selepas beberapa saat

Dalam jquery, anda boleh menggunakan kaedah delay() dan hide() (togol () atau kaedah slideDown()) untuk membuat elemen hilang selepas beberapa saat

fungsi tunda() untuk menetapkan masa tunda
hide(), toggle() Atau fungsi slideDown() membuatkan elemen hilang selepas masa tunda yang ditentukan

Kod pelaksanaan: hilang selepas tiga saat

<!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 bagaimana untuk membuat elemen hilang selepas beberapa saat

[Pembelajaran yang disyorkan: tutorial video jQuery, bahagian hadapan web]

Atas ialah kandungan terperinci jquery bagaimana untuk membuat elemen hilang selepas beberapa saat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk mengubah suai nilai butang dalam jqueryArtikel seterusnya：Bagaimana untuk mengubah suai nilai butang dalam jquery

Artikel berkaitan

Lihat lagi