Apakah maksud find dalam jQuery?-Soal Jawab bahagian hadapan-php.cn

Apakah maksud find dalam jQuery?

青灯夜游

Lepaskan： 2023-02-10 11:09:47

asal

4037 orang telah melayarinya

find bermaksud carian Ia adalah fungsi terbina dalam jQuery yang digunakan untuk melintasi dan mendapatkan nod turunan setiap elemen dalam koleksi elemen semasa ialah "tentukan objek elemen.cari(pemilih)", parameter "pemilih" Mengandungi ungkapan pemilih untuk memadankan set elemen semasa, digunakan untuk menapis nod turunan yang dikembalikan.

Apakah maksud find dalam jQuery?

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6, komputer Dell G3.

find bermaksud carian, dan merupakan fungsi terbina dalam jQuery yang digunakan untuk melintasi dan mendapatkan nod keturunan setiap elemen dalam koleksi elemen semasa.

Ringkasnya, kaedah find() boleh memperoleh semua elemen subset (termasuk subset subset) di bawah elemen, iaitu, ia boleh mendapatkan semua elemen anak.

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

Jika anda ingin mendapatkan semua elemen anak yang memenuhi syarat, tapis melalui pemilih.

cari sintaks

$(selector).find(filter)

Salin selepas log masuk

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 diperlukan dalam kaedah find(), tidak seperti traversals pokok lain. kaedah adalah berbeza.

Untuk mengembalikan semua unsur turunan, gunakan pemilih "*".

Butiran

Memandangkan objek jQuery yang mewakili koleksi elemen DOM, kaedah .find() membolehkan kami mencari dalam DOM pokok Keturunan elemen ini dan membina objek jQuery baharu dengan elemen padanan. Kaedah .find() adalah serupa dengan kaedah .children(), kecuali ia hanya merentasi satu tahap ke bawah pepohon DOM. Ciri pertama yang jelas bagi kaedah

.find() ialah ia menerima ungkapan pemilih daripada jenis yang sama seperti ungkapan yang kami hantar ke fungsi $(). Elemen akan ditapis dengan menguji sama ada ia sepadan dengan ungkapan.

Contoh 1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.3.min.js"></script>
		<script>
			$(document).ready(function() {
				$("ul").find("span").css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
		<style>
		.ancestors *{ 
			display: block;
			border: 2px solid lightgrey;
			color: lightgrey;
			padding: 5px;
			margin: 15px;
		}
		</style>
	</head>
	<body class="ancestors">body (曾祖先节点)

		<div style="width:500px;">div (祖先节点)
			<ul>ul (直接父节点)
				<li>li (子节点)
					<span>span (孙节点)</span>
				</li>
			</ul>
		</div>

	</body>
</html>

Salin selepas log masuk

Mengembalikan semua keturunan: Apakah maksud find dalam jQuery?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="js/jquery-3.6.0.min.js"></script>
        <script>
            $(function() {
                $("button").click(function() {
                    $("ul").find(":first-child").css("color", "red");
                })
            })
        </script>
    </head>
    <body>
        <ul style="border: 1px solid red;">
            <li>香蕉</li>
            <li>苹果</li>
            <li>梨子</li>
            <li>橘子</li>
        </ul>
        <button>父元素ul的第一个子元素</button>
    </body>
</html>

Salin selepas log masuk

Contoh 2:

Dapatkan elemen anak pertama Apakah maksud find dalam jQuery?