jQuery การใช้ event onclick กับ element

jQuery การใช้ event onclick กับ element บทความนี้สอนการผูก event onclick กับ elements บนเว็บไซต์ เพื่อสร้างเหตุการณ์เมื่อผู้ใช้งานกดคลิก จากตัวอย่างจะใช้ onclick กับแท็ก div สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery การใช้ event onclick กับ element

<div id="click">Click ที่นี่</div>
<div id="result"></div>

<script>
    $(document).ready(function(){
        let c = 0;
        $("#click").click(function(){
            c++;
            $("#result").append("<div>คุณคลิกครั้งที่ "+c+"</div>");
        });
    });
</script>

jQuery การใช้ event onclick กับ element จากตัวอย่างเมื่อผู้ใช้งานกดคลิกที่ข้อความ “Click ที่นี่” โปรแกรมจะเข้าทำงานใน $("#click").click(function() เนื่องจากผูก event click กับ id = click จากนั้นบวกตัวแปร c เพิ่ม 1 และแสดงข้อความที่ div id = result ด้วยคำสั่ง append