Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah kegunaan find dalam jquery

Apakah kegunaan find dalam jquery

WBOY
Lepaskan: 2022-05-24 21:06:48
asal
9614 orang telah melayarinya

Dalam jquery, kaedah find() digunakan untuk mengembalikan unsur turunan unsur yang dipilih Kaedah ini merentasi turunan unsur DOM sehingga semua laluan keturunan terakhir Jika perlu, berbilang keturunan dikembalikan, anda boleh menggunakan koma untuk memisahkan setiap ungkapan, dan sintaksnya ialah "elemen object.find(filter)".

Apakah kegunaan find dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah penggunaan find dalam jquery

Kaedah find() mengembalikan elemen turunan bagi elemen yang dipilih.

Keturunan ialah keturunan, cucu, cicit, dan sebagainya.

Pokok DOM: Kaedah ini merentasi semua laluan menuruni turunan unsur DOM sehingga keturunan terakhir (). Jika anda hanya mahu melintasi satu peringkat dalam pepohon DOM (mengembalikan elemen anak langsung), gunakan kaedah children().

Nota: Parameter penapis diperlukan dalam kaedah find(), tidak seperti kaedah lintasan pokok yang lain.

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

Sintaks

$(selector).find(filter)
Salin selepas log masuk

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

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

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
.ancestors *{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});
</script>
</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

Hasil keluaran:

Apakah kegunaan find dalam jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Apakah kegunaan find dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan