by 
Merespons klik adalah interaksi paling dasar dalam halaman web. Artikel ini membahas cara menangani event klik dengan jQuery.
Metode .on(“click”)
<script>
$("#tombol").on("click", function() {
alert("Tombol diklik!");
});
</script>
.on("click", ...) lebih disarankan daripada .click() karena mendukung elemen dinamis dan banyak jenis event.
Contoh Kasus: Mengakses Elemen yang Diklik
<script>
$(".produk").on("click", function() {
const nama = $(this).find(".nama").text();
console.log("Dipilih: " + nama);
$(this).addClass("terpilih");
});
</script>
Di dalam fungsi, $(this) merujuk ke elemen yang diklik.
Beberapa Event Sekaligus
<script>
$("#kotak").on({
click: function() { console.log("klik"); },
mouseenter: function() { $(this).addClass("sorot"); }
});
</script>
Kesimpulan
Gunakan .on("click", ...) untuk menangani klik, dan $(this) untuk mengakses elemen yang diklik. Metode .on() lebih fleksibel dari .click() karena mendukung banyak event dan elemen dinamis.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).
