Cara Menambahkan Kelas CSS dengan jQuery

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).

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 *