Cara Menghapus Kelas CSS dengan jQuery

Menghapus kelas dipakai untuk menonaktifkan status, seperti menghilangkan tanda “aktif” atau menghapus efek sorot. Artikel ini membahas cara menghapus kelas CSS dengan jQuery (removeClass).

Metode .removeClass()

<script>
$("#kotak").removeClass("aktif"); // hapus satu kelas
$("#kotak").removeClass();        // hapus SEMUA kelas
</script>

Contoh Kasus: Membersihkan Status Semua Tab

<script>
$(".tab").click(function() {
    $(".tab").removeClass("aktif"); // bersihkan semua
    $(this).addClass("aktif");       // tandai yang diklik
});
</script>

Mengganti Kelas dengan Satu Perintah

<script>
$("#kotak").removeClass("lama").addClass("baru"); // rantai metode
</script>

jQuery memungkinkan merangkai metode (chaining) sehingga kode lebih ringkas.

Kesimpulan

Gunakan .removeClass("nama") untuk menghapus kelas tertentu, atau tanpa argumen untuk semua. Manfaatkan rantai metode removeClass().addClass() untuk mengganti kelas dalam satu baris.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *