Hallo teman-teman, sekarang kita akan membahas tentang Cara Penggunaan first-child selector pada Jquery. first-child disini merupakan sebuah pseudo element dari CSS yang mulai diperkenalkan pada CSS2. Dan digunakan untuk menyeleksi element children yang berada pada urutan pertama.
Sebenarnya pseudo element css ada banyak contohnya ya teman-teman, namun disini saya hanya membahas tentang Cara Penggunaan first-child selector pada Jquery. seperti yang sudah saya jelaskan tadi diawal paragraph bahwa kita akan menyeleksi element yang berada pada urutan pertama dan yang berbeda disini kita menggunakan Jquery.
Untuk lebih jelasnya mari kita mempraktekannya. Pertama-tama silahkan run/jalankan text-editornya kemudian ketiklah script HTML seperti pada gambar dibawah ini :
Pada kode HTML diatas saya membuat sebuah element ul li dimana li yang pertama nanti yaitu Murihat akan kita gunakan first-child selector yang nantinya akan merubah warna textnya. Oke lanjut hasil dari kode diatas masih biasa seperti pada gambar dibawah ini :
Oke pada gambar hasil diatas masih ada bullet lingkaran hitam ya teman-teman, kita tambahkan style css untuk menghilangkan bullet lingkarat tersebut seperti pada gambar kode CSS dibawah ini :
Jika sudah dengan style css nya, langkah selanjutnya teman-teman tambahkan script Jquerynya seperti pada gambar dibawah ini :
untuk hasil dari kode diatas akan menjadi seperti pada gambar dibawah ini :
jadi seperti itulah contoh dasar yang sederhana tentang Cara Penggunaan first-child selector pada Jquery. dan untuk kedepannya silahkan teman-teman kreasi dan modifikasi sendiri sesuai dengan selera teman-teman.
Oke kalau begitu cukup sekian dipembahasan kali ini tentang Cara Penggunaan first-child selector pada Jquery. semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
The post Cara Penggunaan first-child Selector Pada Jquery appeared first on Kursus Website Terbaik.