Metode Children dan Find dari jQuery

Metode Children dan Find dari jQuery - Beberapa metode jquery sudah saya bahas pada artikel sebelumnya, kali ini saya akan melanjutkan pembahasan jquery dengan metode - metode yang lainnya yakni metode children() dan children(). Seperti biasa nantinya saya akan akan praktekan juga bagaimana cara penggunaan dari masing - masing metode tersebut. Namun, sebelum memulai praktek saya akan jelaskan secara singkat apa itu metode Childen dan Find.

Pengertian dan Sintak

children() adalah metode yang akan menyeleksi semua elemen child dari selector yang telah ditentukan.

$("selector").children();

find() adalah metode yang akan menyeleksi dan mencari suatu elemen yang ditentukan.

$("selector").find(elemen);

Contoh Metode children() dan find()

Selanjutnya akan saya praktekan bagaimana cara penggunaan dari metode children() dan find(), silahkan kalian buat file HTML kemudian ketikan sintak berikut ini.

<head>
    <title>Metode Children dan Find</title>
</head>
<body>
    <div id="content">
        <h1>DUMETSchool</h1>
        <p>DUMET School adalah tempat Kursus Website, Digital Marketing, dan Desain Grafis yang berlokasi di Jakarta dan Depok.</p>
        <small>DUMET School memiliki 5 cabang yang berlokasi di Kelapa Gading, Grogol, Tebet, Srengseng, dan Depok.</small>
        <a href="https://www.dumetschool.com/">More Info</a>
    </div>
</body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function() {
        // Metode children()
        $("#content").children().css({
            color: "#EA3556",
            background: "#ccc",
            padding: "10px"
        });
        // Metode find()
        $("#content").find("a").css({
            background: "#EA3556",
            color: "#ffffff",
            textDecoration: "none"
        });
    });
</script>

Dari contoh diatas metode children telah diaplikasikan pada selector #content dimana semua elemen didalam nya akan diseleksi atau dipilih.
Sedangkan pada metode find telah ditentukan elemen yang akan diseleksi yakni tag dengan memberikan style yang berbeda.
Dengan contoh sederhana diatas semoga teman - teman bisa lebih faham dalam penggunaannya.. Cukup sekian pembahasan jquery tentang Metode Children dan Find dari jQuery, semoga bermanfaat :)

12 November 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat