Hallo teman-teman Dumet School, Kembali lagi dengan saya Shelli Ripati di kursus Web Design. Kemarin saya sempat membahas tentang fungsi find dan parents pada jquery. Kali ini fungsi find akan saya bahas lagi tapi dengan topik yang berbeda yaitu Mengenal Perbedaan Fungsi Children Dan Find Pada Jquery.

Kenapa saya membahas fungsi children dan find? . Karena kedua fungsi ada persamaan dan perbedaannya. Persamaan dari fungsi children dan find adalah membantu kita menemukan elemen yang ada didalam elemen induk yang kita pilih. Sedangkan perbedaannya adalah fungsi children hanya bisa menemukan elemen children pada tingkat pertama dari elemen induk yang kita pilih. Dan untuk fungsi find lebih bebas menemukan atau memilih elemen children pada berbagai tingkatan yang ada pada elemen induk.

Oke langsung saja untuk Mengenal Perbedaan Fungsi Children Dan Find Pada Jquery. kita buat struktur htmlnya sebagai berikuta ya teman-teman.

Jika sudah selesai maka kita bisa masuk untuk membuat script jquery dengan menggunakan fungsi children dan find dan berikutr kodingannya ya teman-teman.

Jika sudah selesai jangan lupa disimpan dan jika teman-teman tampilkan di dalam browser masing-masing maka akan tampak seperti pada gambar di bawah ini.

Mengenal Fungsi Children Dan Find Pada Jquery
Dan teman-teman bisa perhatikan perbedaan pada gambar di atas. Dimana dengan fungsi children kita bisa mencari elemen children pada tingkat pertama yang paling dekat dengan elemen induknya dan diberi style css dengan properti border, sedangkan dengan fungsi find kita bisa menentukan elemen children pada tingkat mana saja yang mau kita pilih, tapi dengan catatan elemen tersebut berada di dalam elemen induk yang kita pilih.

Demikian artikel tentang Mengenal Perbedaan Fungsi Children Dan Find Pada Jquery. Semoga bisa bermanfaat dan selamat mencoba ya teman-teman.