Jaman sekarang website bagus sudah banyak bermunculan. Website yang termasuk dalam kategori bagus adalah website yang mempunyai tampilan menarik dan user friendly. Artinya pengunjung akan dibuat nyaman dan tidak bingung saat memasuk halaman website kita. Dan yang menjadi point tambahan adalah jika website itu dapat berinteraksi dengan pengunjung. Tidak hanya menampilkan informasi yang monoton, seharusnya terjadi timbal balik antara website dan pengunjung sehingga penyampaian informasi lebih mudah dicerna.

Salah satu elemen yang harus kalian sisipi pada website kalian agar dapat berinteraksi secara real time adalah dengan memasang script Jquery. Karena Jquery itu dapat merubah sesuatu objek pada halaman website kalian secara langsung. Jadi tidak menunggu harus mereload browser agar terjadinya perubahan seperti pada umumnya. Namun dengan jquery kita akan dibantu dalam membuat tampilan website yang dinamis. Bicara tentang Jquery, kita akan belajar salah satu fungsi yang ada di Jquery yaitu fungsi removeClass pada Jquery.

removeClass pada Jquery ini berguna untuk menghapus class pada objek yang ingin kita kelola. Misalnya kalian mempunyai paragraf dengan class yang berisikan warna merah. Ingin menghapus class warna merah tersebut saat menekan tombol tertentu. Hal itu bisa dilakukan dengan Jquery. Untuk lebih detailnya mari kita coba praktekan bersama-sama.

Kalian bisa salin contoh code dibawah ini .

remove.html

Setelah sudah kalian simpan dengan format HTML, dan untuk melihat hasilnya bisa langsung dibuka pada browser kalian.

Jika berhasil maka tampilanya akan seperti ini.

Pada gambar sebelah kiri adalah tampilan awalnya, namun saat tombol ditekan secara langsung warna merah hilang. Itu dikarenakan adanya fungsi removeClass yang menghapus class warna merah tersebut saat tombol ditekan.

Perintah removeClass ini bisa kalian kembangkan lagi untuk berbagai macam alur yang kalian inginkan. Mudah bukan ?

Sekian pembahasan mengenai fungsi removeClass pada Jquery. Semoga bermanfaat.