Mengecek keberadaan kelas berguna untuk logika bersyarat, misalnya menentukan apakah menu sedang terbuka atau item sudah dipilih. Artikel ini membahas cara memeriksa elemen memiliki kelas dengan jQuery (hasClass).
Metode .hasClass()
<script>
if ($("#kotak").hasClass("aktif")) {
console.log("Sedang aktif");
} else {
console.log("Tidak aktif");
}
</script>
Metode ini mengembalikan true bila elemen memiliki kelas tersebut.
Contoh Kasus: Aksi Berbeda Sesuai Status
<script>
$("#panel-tombol").click(function() {
const panel = $("#panel");
if (panel.hasClass("terbuka")) {
panel.slideUp().removeClass("terbuka");
} else {
panel.slideDown().addClass("terbuka");
}
});
</script>
Alternatif dengan is()
<script>
if ($("#kotak").is(".aktif")) { /* ... */ }
</script>
Kesimpulan
Gunakan .hasClass("nama") untuk memeriksa status elemen sebelum menjalankan aksi, misalnya menentukan apakah panel perlu dibuka atau ditutup. Metode .is() adalah alternatifnya.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

