Selamat datang pada website tips dan trik Dumet School, pada artikel sebelumnya kita sudah membahas tentang beberapa fungsi – fungsi yang ada pada jQuery. Dan pada kesempatan kali ini juga kita masih membahas dan mengimplementasikan fungsi – fungsi yang ada pada jQuery yaitu tentang Cara Menggunakan Fungsi .children() Pada jQuery. Tentunya kalian tahu arti kata children jika di terjemahkan ke bahas indonesia adalah anak – anak, ini juga ada pada jQuery dimana mempunyai fungsi yang bernama .children(). Fungsi ini bisa kita gunakan untuk mengatur tag html yang berada pada parent atau pembungkus. Pada studi case kali ini kita akan membuat sebuah tag html div yang di dalam nya kita juga berikan tag html juga yang menjadi children dan div sebagai parent nya. Kemudian dengan jQuery kita menggunakan .children() untuk mengseleksi tag yang ada di dalam tag div dan kita sisipkan css nya di dalam jQuery nya. Untuk lebih jelasnya kita sambung dengan praktek, teman – teman ketikkan script html seperti gambar di bawah ini
Dan save dengan nama index.html, kemudian jalankan pada browsernya. Maka hasil sementara seperti gambar di bawah ini
Kita lanjutkan pada artikel kali ini tentang Cara Menggunakan Fungsi .children() Pada jQuery, kita berikan library jQuery terlebih dahulu.
https://code.jquery.com/jquery-3.2.1.min.js
Kemudian kita berikan fungsi .children() nya
<script>
$(document).ready(function(){
$("div").children().css({"color": "red", "border": "2px solid red"});
});
</script>
Jika sudah save dan refresh pada browsernya, maka dengan menggunakan fungsi .children() semua isi yang ada di dalam tag div akan di selector dan di berikan css nya maka hasilnya seperti gambar di bawah ini
Semua tag yang ada di dalam tag div akan berubah sesuai css yang di berikan di dalam jQuery nya
Dan kita juga bisa memberikannya lagi di dalam tag div
Kemudian kita tambahkan jQuery nya
Maka tag p yang ada di dalam tag h2 juga akan di selector oleh .children()
Inilah contoh sederhana dalam menggunakan fungsi .children() di dalam jQuery, teman – teman juga bisa bereksperimen sendiri dengan menambahkan fungsi – fungsi lainnya supaya lebih terbiasa dalam penggunaan jQuery nya khususnya kalian yang saat ini sedang belajar dasar jQuery.
Baik, mungkin sekian dulu pada artikel kali ini tentang Cara Menggunakan Fungsi .children() Pada jQuery kita berjumpa kembali pada artikel yang akan datang. Semoga bermanfaat dan menjadi tambahan pengetahuan tentang fungsi – fungsi yang ada pada jQuery, Terimakasih dan sampai jumpa.
The post Cara Menggunakan Fungsi .children() Pada jQuery appeared first on Kursus Website Terbaik.