Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan baik, pada tutorial sebelumnya kita telah bahas banyak sekali mengenai jquery, pada kesempatan kali ini kita masih tentang pembahasan mengenai jquery, seperti yang kita tau jquery memiliki teknik pemanggilan selector seperti halnya css, ada class selector, id selector, element selector, namun taukah kalian bahwa jquery juga memiliki teknik pemanggilan selector menggunakan fungsi nth-child seperti halnya css, oleh karena itu tutorial kali ini kita akan belajar selector dengan nth-child pada jquery.

Seperti yang kita tau nth-child adalah fungsi selector untuk memfilter atau memilih element anak, tenik nth-child pada css kita dapat terapkan pada jquery selector juga, untuk lebih jelasnya kita langsung saja praktekan, pertama teman-teman silahkan buat sebuah file html dan ketikan script berikut ini:

Saya membuat  4 element p pada bagian body, lalu sekarang teman-teman coba tambahkan script jquery berikut ini:

Saya mereload library jquery dari jquery.com, lalu saya membuat fungsi dimana pada p urutan ke3 akan berwarna bacground merah, sehingga kelengkapan scriptnya adalah seperti berikut ini:

Jika sudah teman-teman save dan jalankan pada browser, maka hasilnya akan seperti berikut ini:

Belajar Selector Dengan nth-child Pada Jquery img hasil

Element p yang ketiga akan mengalami style background berwarna merah.

Oke teman-teman gimana? cukup mudah bukan? saya rasa untuk tutorial tentang belajar selector dengan nth-child pada jquery cukup sampai sini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu pada tutorial-tutorial jquery berikutnya.

Terima Kasih