Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > jquery bagaimana untuk membuat elemen hilang selepas beberapa saat

jquery bagaimana untuk membuat elemen hilang selepas beberapa saat

青灯夜游
Lepaskan: 2022-03-18 14:25:07
asal
2371 orang telah melayarinya

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();"

jquery bagaimana untuk membuat elemen hilang selepas beberapa saat

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>
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan