Hai teman-teman semuanya, apa kabar? semoga dalam keadaaan sehat, kita lanjut lagi belajarnya, masih tentang pembahasan selektor pada jquery kita akan belajar cara menggunakan selektor pseudo-element first-child pada jquery.

pseudo-element selektor berfungsi untuk menseleksi bagian element html yang akan kita berikan style pada element tersebut, nah untuk first-child pada berfungsi untuk memilih element pertama dari beberapa element yang ingin kita tentukan , untuk lebih jelasnya kita langsung saja praktekkan, silahakan teman-teman buat sebuah file html dan ketikan script seperti berikut ini:

Script diatas saya membuat beberapa list dengan menggunakan element ul dan li, jika teman-teman save maka hasilnya akan seperti berikut ini:

menggunakan selektor pseudo-element first-child pada jquery 1

hasilnya masih seperti biasa, sekarang  coba teman-teman tambahakan script jquery seperti berikut ini:

Seperti biasa saya mereload library core dari jquery, yang dapat kita ambil dari website resmi jquery.com,  setelah itu saya membuat sebuah fungsi dengan event click pada jquery dimana apabila button diklik makan ul li pada urutan pertama akan terhide, jika sudah coba jalankan pada browser lalu klik tombolnya, maka hasilnya akan seperti berikut ini:

menggunakan selektor pseudo-element first-child pada jquery 2

element pertama akan terhapus,

Gimana teman-teman cukup mudah bukan, saya rasa untuk tutorial kali ini tentang cara menggunakan selektor pseudo-element first-child pada jquery cukup sampai disini dulu, samapai bertemu lagi pada tutorial berikutnya,

Terima kasih.