jQuery Event Methods Complete Reference (original) (raw)

Last Updated : 23 Jul, 2025

An event refers to the actions performed by the site visitor during their interactivity with the website (or webpage). There can be various types of events such as

• The user clicks on the button.
• The user moves the mouse pointer over an image.
• The user pressed any key from the keyboard, etc.

**Syntax:

$(selector).method(function)

**Example:

html `

Welcome.

Learn and Explore

Geeks for Geeks

<script type="text/javascript">
    $("#gfg1").click(function() {
        $("#e1").text("Geeks for Geeks");
    });
    $("#gfg2").click(function() {
        $("#e2").html("<b>Enrich your Knowledge.</b>");
    });
    $("#gfg3").click(function() {
        $("#e3").val("jQuery at Geeks for Geeks");
    });
    $("#gfg4").click(function() {
        $("#e4").attr("align", "center");
    });
    $("#gfg5").click(function() {
        $("#e5").css("border-radius", "50px");
    });
</script>

`

**Output: Before and After clicking on buttons.

**The complete list of jQuery Events is given below:

**Methods:

**Properties: