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

Bagaimana jquery mengawal css untuk memadam elemen

青灯夜游asal: 2022-01-20 17:22:522924semak imbas

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

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>

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!

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：Artikel ini membincangkan cara menggunakan perpustakaan zx untuk menulis skrip Shell dalam NodejsArtikel seterusnya：Artikel ini membincangkan cara menggunakan perpustakaan zx untuk menulis skrip Shell dalam Nodejs

Artikel berkaitan

Lihat lagi