Rumah > Artikel > hujung hadapan web > Bagaimana untuk menanyakan semua elemen kanak-kanak dengan jquery

Bagaimana untuk menanyakan semua elemen kanak-kanak dengan jquery

青灯夜游asal: 2022-04-15 12:11:249871semak imbas

Dalam jquery, anda boleh menggunakan kaedah find() untuk menanyakan semua elemen anak Kaedah ini boleh mendapatkan semua elemen subset di bawah elemen yang ditentukan, termasuk subset bagi subset untuk menapis hasilnya, anda hanya perlu menetapkan parameter kepada "*" untuk mencari semua sub-elemen, sintaksnya ialah "$(elemen yang ditentukan).find("*")".

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

Dalam jquery, terdapat dua cara untuk mencari elemen kanak-kanak:

kaedah kanak-kanak(): Dapatkan elemen subset langsung di bawah elemen
kaedah find(): Dapatkan semua (termasuk subset subset) elemen subset di bawah elemen ini

Antaranya, anda ingin menanyakan semua sub-elemen , anda hanya boleh gunakan kaedah find().

Kaedah find() mengembalikan unsur turunan unsur yang dipilih. (Keturunan ialah anak, cucu, cicit, dan sebagainya.)
Pokok DOM: Kaedah ini merentasi semua laluan turun turun unsur DOM ke keturunan terakhir (< ;html> ).

Sintaks:

$(selector).find(filter)

Parameter

Penerangan

penapis

Diperlukan. Ungkapan pemilih, elemen atau objek jQuery yang menapis turunan carian.

参数	描述
filter	必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。注意：如需返回多个后代，请使用逗号分隔每个表达式。

Nota: Untuk mengembalikan berbilang keturunan, pisahkan setiap ungkapan dengan koma.

Nota: Parameter penapis digunakan untuk menapis hasil carian Anda hanya perlu menetapkan parameter kepada "*" untuk mencari semua elemen anak.

Contoh: Tanya semua elemen kanak-kanak

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<style>
			div * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>

		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("ul").find("*").css({
						"color": "red",
						"border": "2px solid red"
					});
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<div style="width:500px;">div (父节点)
			<ul>ul (指定元素)
				<li>li (子节点1)
					<span>span (孙节点1)</span>
				</li>
				<li>li (子节点2)
					<span>span (孙节点2)</span>
				</li>
				<li>li (子节点3)
					<span>span (孙节点3)</span>
				</li>
			</ul>
		</div>
		<button>选取ul的所有子元素</button>
	</body>

</html>

Bagaimana untuk menanyakan semua elemen kanak-kanak dengan jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, depan web- tamatkan video

】

Atas ialah kandungan terperinci Bagaimana untuk menanyakan semua elemen kanak-kanak dengan 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

Artikel sebelumnya：Bagaimana untuk menggunakan kaedah fadeout dalam jqueryArtikel seterusnya：Bagaimana untuk menggunakan kaedah fadeout dalam jquery

Artikel berkaitan

Lihat lagi