Mengubah tampilan lewat kelas CSS jauh lebih rapi daripada mengubah style langsung. jQuery menyederhanakannya. Artikel ini membahas cara menambahkan kelas CSS dengan jQuery (addClass).
Metode .addClass()
<script>
$("#kotak").addClass("aktif");
$("#kotak").addClass("besar merah"); // beberapa sekaligus
</script>
Kelas yang ditambahkan tidak menimpa kelas lama, sehingga aman.
Contoh Kasus: Menandai Baris Terpilih
<script>
$("tr").click(function() {
$("tr").removeClass("terpilih"); // bersihkan dulu
$(this).addClass("terpilih"); // tandai yang diklik
});
</script>
Menambah Kelas dengan Kondisi
<script>
$("#status").addClass(stok > 0 ? "tersedia" : "habis");
</script>
Kesimpulan
Gunakan .addClass() untuk menambah kelas CSS tanpa menimpa yang lama. Pisahkan dengan spasi untuk beberapa kelas, dan padukan dengan removeClass() untuk pola seperti menandai baris terpilih.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

