Hai teman-teman semuanya, kembali lagi pada tutorial dumet school, pada tutorial sebelumnya kita telah membahas banyak sekali event, fungsi-fungsi yang ada pada jquery, sekarang masih tentang pembahasan kita mengenai jquery, pada tutorial kali ini kita akan belajar fungsi find() pada jquery.
Mungkin teman-teman ada yang sudah pernah menggunakan fungsi ini, namun belum terlalu faham apa maksud dari fungsi yang satu ini, fungsi dari find() ialah mencari element turunan dengan menggunakan filter berdasarkan selector, objek jquery atau elemen, sekarang timbul pertanyaan, maksudnya dari elemen turunan itu apa?
Mungkin saya akan menjelaskannya pada studi kasus kali ini, dimisalkan kita punya script html
|
1 |
<p>SAYA SENANG BELAJAR <i>JQUERY</i></p> |
Script diatas menjelaskan bahwa saya memiliki elemen p dimana didalamnya terdapat elemen i, nah yang dimaksud dari elemet turunan ialah, i merupakan element turunan dari p karena i ada didalam elemen p.
sekarang dari script html diatas saya ingin membuat tulisan JQUERY yang terhimpit dengan element i warnanya menjadi merah, nah dengan kasus seperti ini kita dapat mennggunakan fungsi find() pada jquery.
Bentuk penulisan dasar dari fungsi find() adalah seperti ini:
|
1 |
$("SELECTOR").find("SELECTOR"); |
Jadi ketika kita ingin memberikan warna pada element i yang merupakan turunan dari elemen p maka penulisan scriptnya adalah seperti berikut ini:
|
1 2 3 |
$(document).ready(function(){ $("p").find("i").css('color','red'); }) |
Penjelasan dari script diatas adalah saya memberikan warna merah pada elemen i yang merupakan turunan dari elemen p,
Gimana teman-teman?cukup mudah bukan? saya kira untuk tutorial kali ini tentang belajar fungsi find() pada jquery cukup sampai sini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya.
Terima kasih