Rumah > hujung hadapan web > tutorial js > Bagaimana jquery mengawal css untuk memadam elemen

Bagaimana jquery mengawal css untuk memadam elemen

青灯夜游
Lepaskan: 2022-01-20 17:22:52
asal
2831 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah css() untuk mengawal css, menambah gaya "display: none;" pada elemen, dan kemudian memadamkan format sintaks ialah "$("Elemen"; ).css(" paparan", "tiada");".

Bagaimana jquery mengawal css untuk memadam elemen

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam jquery, anda boleh menggunakan kaedah css() untuk mengawal css, tambah gaya "display: none;" pada elemen, dan kemudian padamkan elemen

Kaedah css() kembali atau menetapkan elemen padanan Satu atau lebih atribut gaya.

Kod pelaksanaan:

<!DOCTYPE html>
<html>
	<head>
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("#btn").click(function() {
					$("#box").css("display", "none");
				});
			});
		</script>
	</head>

	<body>
		<div>测试元素</div>
		<div id="box">测试box元素</div>
		<div>测试元素</div><br>
		<button id="btn">点击删除box元素</button>
	</body>

</html>
Salin selepas log masuk

Bagaimana jquery mengawal css untuk memadam elemen

Tutorial video berkaitan yang disyorkan: Tutorial jQuery(Video)

Atas ialah kandungan terperinci Bagaimana jquery mengawal css untuk memadam elemen. 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