Cara Menggunakan Parent Child Selector Pada Jquery
Salam hangat teman-teman, semoga teman-teman sehat selalu ya, kali ini saya akan mencoba membagi Cara Menggunakan Parent Child Selector Di Jquery.
Sebelum kita memulai panduan kali ini saya akan mencoba menjelaskan mengenai jquery sedikit saja. jQuery ialah sebuah library JavaScript. Pada dunia pemrograman, dimana library ialah kumpulan dari bermacam-macam manfaat siap gunakan bagi mempermudah perancangan sebuah program. Selector parent >child sendiri ialah selector dari jQuery itu sendiri dan berfungsi bagi memilih segala unsur yang adalah anak seketika dari unsur tertentu.
Nah, Kini saya akan memberi contoh mengenai bagaimana Cara Menggunakan Parent Child Selector Di Jquery:
-Pertama-tama teman-teman ketikan tag html di bawah ini :
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>Child Selector Di jQuery</title>
<style>
body {
font-size: 14px;
}
</style>
</head>
<body>
<h1>Source Code Aplikasi</h1>
<ul class=topnav>
<li>Web Design</li>
<li>Web Master
<ul>
<li>Web Master Premium</li>
<li>Web Master Profesional</li>
<li>Web Master Ultimate</li>
</ul>
</li>
<li>Web Programming</li>
</ul>
</body>
</html>
Setelah teman-teman save coba teman-teman bika file html yang telah kita bikin di browser teman-teman, karenanya tampilannya akan menjadi seperti gambar di bawah ini:
Di kasus ini saya akan meberikan contoh dimana tag <ul> selaku parent yang mempunyai unsur child yaitu tag <li> akan di beri style list-style: none sedangkan bagi tag <li> yang berada pada tag <ul> ke dua akan di beri style warna aqua, bagi dapat menjalankanya petunjuk seperti itu kita membutuhkan selector parent>child karenanya dari itu teman-teman buka file html yang telah di bikin tadi dan ketikan script di bawah ini:
<script>
$( ul.topnav > li ).css( list-style, none);
$( ul.topnav > li > ul > li ).css( color, aqua);
</script>
posisikan di atas penutup body yah teman-teman dang jangan lupa bagi membangun link ke jQuery library-nya:
<script src=https://code.jquery.com/jquery-1.10.2.js></script>
di tempatkan di pada tag head yah teman-teman. Setelah selesai disave lalu refresh browser teman-teman dan hasilnya akan menjadi seperti gambar di bawah ini:
Bagaimana teman-teman lumayan mudahkan Cara Menggunakan Parent Child Selector Di Jquery.
Sekianlah panduan saya bagi kali ini mengenai Cara Menggunakan Parent Child Selector Di Jquery. Maaf bila ada kesalahan pada tutorialnya.
Sehat selalu ya teman-teman, selamat mencoba.
Sumber https://kursuswebsite.org
