masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

kaedah jQuery traversal children().

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

Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492834 permainan