jQuery event.delegateTarget Property (original) (raw)

Last Updated : 11 Jul, 2025

**jQuery **event.delegateTarget property is used to return the element where the currently-called **jQuery event handler was attached.

**Syntax:

event.delegateTarget

**Parameters:

• **event: It is a required parameter and this event parameter comes from the event binding function.

**Example 1: This example shows the use of event.delegateTarget property in jQuery.

HTML `

<script>
    $(document).ready(function () {
        $("div").on("click", "button",
            function (event) {
                $(event.delegateTarget).css(
                    "background-color", "green");
            });
    });
</script>

`

**Output:

**Example 2: In this example, the text size will change after clicked inside the box.

HTML `

<script>
    $(document).ready(function () {
        $("div").on("click", function (event) {
                $(event.delegateTarget).animate({ fontSize: "+=14px"});
            });
    });
</script>

`

**Output: