Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menyembunyikan semua elemen bawahan dalam jquery

Bagaimana untuk menyembunyikan semua elemen bawahan dalam jquery

青灯夜游
青灯夜游asal
2022-03-23 17:09:191426semak imbas

Cara menyembunyikan semua elemen subordinat dalam jquery: 1. Gunakan kaedah find() untuk mendapatkan semua elemen subordinat (termasuk subset subset 2. Gunakan kaedah hide() untuk menyembunyikan elemen yang diperolehi, sintaks "Nyatakan element.find().hide();".

Bagaimana untuk menyembunyikan semua elemen bawahan dalam jquery

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

jquery menyembunyikan semua elemen bawahan

Idea pelaksanaan:

  • Gunakan kaedah find() untuk Dapatkan semua elemen subordinat (termasuk subset subset)

  • Gunakan kaedah hide() untuk menyembunyikan elemen yang diperoleh

Kod pelaksanaan:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("div").find("*").hide();
				});
			});
		</script>
	</head>
	<body>

		<div style="border: 1px solid red;">
			<ul>
				<li>姓名:aa</li>
				<li>年龄:25</li>
				<li>爱好:
					<ul>
						<li>运动</li>
						<li>听音乐</li>
						<li>烹饪</li>
					</ul>
				</li>
			</ul>
		</div>
		<button>隐藏下级所有元素</button>
	</body>
</html>

Bagaimana untuk menyembunyikan semua elemen bawahan dalam jquery

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

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan semua elemen bawahan dalam jquery. 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