Rumah > Artikel > hujung hadapan web > Apakah maksud find dalam jQuery?

Apakah maksud find dalam jQuery?

青灯夜游asal: 2023-02-10 11:09:473990semak imbas

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.

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)

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>

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>

Contoh 2:

Dapatkan elemen anak pertama Apakah maksud find dalam jQuery?

[Pembelajaran yang disyorkan: Tutorial video jQuery

、video bahagian hadapan web】

Atas ialah kandungan terperinci Apakah maksud find 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

Artikel sebelumnya：Bagaimana untuk melaksanakan lapisan pop timbul dalam javascriptArtikel seterusnya：Bagaimana untuk melaksanakan lapisan pop timbul dalam javascript

Artikel berkaitan

Lihat lagi