jQuery ialah objek koleksi Jika anda ingin mencari elemen anak peringkat pertama dalam koleksi dengan cepat, anda boleh menggunakan kaedah children().
Nota di sini: Kaedah .children(selector) mengembalikan semua elemen anak bagi setiap elemen dalam set elemen padanan (hanya generasi anak lelaki, yang boleh difahami sebagai hubungan bapa-anak)
Fahami perhubungan carian nod:
/li>
/li>
div dan ul mempunyai hubungan ibu bapa-anak, dan li dan div mempunyai hubungan nenek moyang, jadi mereka tidak dapat ditemui.
kanak-kanak() tidak mempunyai parameter
membolehkan kami mencari anak langsung unsur-unsur ini dalam pepohon DOM dan membina objek jQuery baharu bagi elemen padanan
Nota: jQuery ialah objek koleksi, jadi kanak-kanak ialah elemen kanak-kanak peringkat pertama yang sepadan dengan setiap elemen yang diberikan dalam koleksi
Kaedah kanak-kanak() secara selektif menerima jenis ungkapan pemilih yang sama
$("div").children(".selected")
Begitu juga kerana jQuery ialah objek koleksi, anda mungkin perlu menapis objek koleksi ini untuk mencari elemen sasaran, jadi Membolehkan menghantar ungkapan pemilih
Mari kita tulis contoh di bawah:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>childred()</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>
<ul>
<li>php.cn</li>
<li>php 中文网</li>
</ul>
<p> php </p>
</div>
<script>
$("div").children().css("color", "red");
</script>
</body>
</html>Seperti yang ditunjukkan dalam kod di atas, apabila kita menulis $("div").children().css("color ", "red"); Dia akan mencari elemen kanak-kanak di bawah div, jadi elemen dalam div akan bertukar menjadi merah Mari kita lihat kod
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>childred()</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>
<ul>
<li>php.cn</li>
<li>php 中文网</li>
</ul>
<p> php </p>
</div>
<script>
$("div").children(':first').css("color", "red");
</script>
</body>
</html> lain di atas, kita akan melihat p Warna elemen dalam tag tidak berubah. , kerana kami mempunyai parameter dalam children(), pertama ialah yang pertama, jadi kami akan mencari elemen anak pertama dalam div
seperti yang anda lihat <ul> div, jadi elemen dalam teg li akan berubah Anda boleh cuba menulis sekeping kod secara setempat
bahagian seterusnya
