Tafsiran terperinci kaedah kanak-kanak dalam jQuery

Kaedah child() dalam jQuery ialah kaedah yang sangat berguna untuk memilih elemen kanak-kanak unsur padanan. Dalam jQuery, kaedah child() digunakan untuk menentukan elemen anak langsung di bawah elemen induk tertentu.

Di bawah ini kami akan menerangkan kaedah child() secara terperinci dan memberikan contoh kod khusus:

Sintaks kaedah child()

Sintaks kaedah child() adalah seperti berikut:

$(selector).child(childSelector)

Contoh kod

Katakan kita mempunyai struktur HTML berikut :

<div id="parent">
    <div class="child">子元素1</div>
    <div class="child">子元素2</div>
</div>

Gunakan kaedah child() untuk memilih elemen anak

Kita boleh menggunakan kaedah child() untuk memilih elemen anak di bawah elemen induk, seperti memilih semua elemen anak di bawah elemen dengan id ibu bapa:

$("#parent").child(".child").css("color", "red");

Dalam contoh ini, Kami memilih semua elemen anak dengan anak kelas di bawah elemen dengan ibu bapa id dan menetapkan warna teksnya kepada merah.

Sample Code 2

Untuk contoh lain, anggap kita mempunyai struktur HTML berikut:

<ul id="menu">
    <li>菜单1</li>
    <li>菜单2
        <ul>
            <li>子菜单1</li>
            <li>子菜单2</li>
        </ul>
    </li>
    <li>菜单3</li>
</ul>

Gunakan kaedah child() untuk memilih submenu

Kita boleh menggunakan kaedah child() untuk memilih submenu di bawah menu 2:

$("#menu > li:nth-child(2)").child("ul li").css("font-weight", "bold");

Dalam contoh ini, kami memilih semua sub-elemen li di bawah elemen ul di bawah menu 2 dan menjadikan fonnya tebal.

Ringkasan

Melalui contoh di atas, kita dapat melihat kuasa kaedah child() dalam jQuery. Ia boleh membantu kami memilih elemen anak dengan mudah di bawah elemen induk dan melaksanakan pelbagai operasi. Kaedah child() ialah pemilih yang sangat praktikal apabila kita perlu memilih elemen anak langsung dengan tepat di bawah elemen induk tertentu.

Saya harap artikel ini akan membantu anda dan menjadikan anda lebih mahir dalam menggunakan kaedah child() dalam jQuery.

Atas ialah kandungan terperinci Tafsiran terperinci kaedah kanak-kanak dalam jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!