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.
find() adalah metode yang akan menyeleksi dan mencari suatu elemen yang ditentukan.
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.
<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 :)
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)
