Mengenal Istilah Paren dan Child Pada Jquery
Halo teman-teman, berjumpa lagi dengan saya. Di artikel ini saya akan menjelaskan mengenai Mengenal Istilah Paren dan Child Pada Jquery , sebelumnya kita pun telah mempraktekkan fungsi-fungsi yang terdapat di Jquery. Oke kita akan membahas apa itu Paren dan Child, paren pada istilah pemograman yaitu induknya dan child selaku anaknya. Bukan hanya di html saja, di pada jquery paren dan child pun dapat di implementasikan dan di gabungkan dengan css. Bagus seketika saja teman-teman buka kode editornya lalu copy script di bawah ini
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>Parent Child</title>
</head>
<body>
<div class=container>
<p>Ini yakni paragraf</p>
<b>Ini yakni paragraf</b><br/>
<i>Ini yakni paragraf</i><br/>
<strong>Ini yakni paragraf</strong>
</div>
</body>
</html>
Kemudian pastekan di pada code editornya, lalu save dengan index.html dan run di browsernya. Karenanya output akan menghasilkan seperti gambar di bawah ini.
Langkah berikutnya kita akan menggunakan Jquerynya bagi mengerjakan petunjuk yang akan kita berikan. Teman-teman jangan lupa memberikan library Jquerynya di pada tag <head> nya.
<script src=https://code.jquery.com/jquery-1.10.2.js></script>
Langkah berikutnya kita panggil paren nya, di script di atas yang menjadi paren yakni class:=”container”, karenanya pemanggilannya pun mesti sama. Berikutnya kita berikan manfaat Jquery nya
<script>
$( .container > p ).css({ color: red,text-decoration:underline});
</script>
Nah teman-teman tambahkan script di atas ini ya di code editornya. Perhatikan di script di atas, bagi pemanggilan child nya yaitu pertama-tama panggil dahulu parennya yaitu container kemudian childnya. Berikut urutan pemanggilannya (“paren”.container > “child” p) kalau telah ditambah kan di save dan refreas di browsernya.
Karenanya child akan berubah sesuai pemanggilannya yang mana didalam Jquery nya mempunyai value
Output akan menghasilkan warna merah dan text Underline(garis bawah), berikutnya saya akan memanggil segala childnya agar segala terlihat sama dengan child pertama-tama
Lihat gambar di atas ini di pada class atau paren container terdapat 4 child yaitu <p> <b> <i> dan <strong>, karenanya bagi mengaktifkan semuanya kita tinggal menambahkan saja child nya
Teman-teman tambahkan childnya seperti gambar di atas ini, kalau telah ditambahkan di save dan refreas di browsernya. Hasilnya seperti gambar di bawah ini
Benar-benar gampang bukan,,?!? Oke sekianlah dulu di artikel ini mengenai Mengenal Istilah Paren dan Child Pada Jquery semoga bermanfat dan menambah pengetahuan kalian bagi mempelajari fungsi-fungsi yang terdapat pad Jquery. Hingga jumpa di artikel berikutnya dan terimakasih š
Sumber https://kursuswebsite.org
