jQuery event.delegateTarget Property
The jQuery event.delegateTarget property is used to return the element where the currently-called jQuery event handler was attached.
Syntax:
event.delegateTarget
Parameter:
- 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
<!DOCTYPE html><html> <head> <title> jQuery event.delegateTarget Property </title> <script src= </script> <script> $(document).ready(function () { $("div").on("click", "button", function (event) { $(event.delegateTarget).css( "background-color", "green"); }); }); </script></head> <body> <center> <div> <h1>GeeksForGeeks</h1> <h2 id="geeks2"> jQuery event.delegateTarget Property </h2> <button>Click</button> </div> </center></body> </html> |
Output:
Example 2: In this example, the text size will change after clicked inside the box.
HTML
<!DOCTYPE html><html> <head> <title> jQuery event.delegateTarget Property </title> <script src= </script> <script> $(document).ready(function () { $("div").on("click", function (event) { $(event.delegateTarget).animate({ fontSize: "+=14px"}); }); }); </script></head> <body> <center> <div style="border: 2px solid black"> <h1>GeeksForGeeks</h1> <h2 id="geeks2" style="color: green"> A computer science portal </h2> </div> </center></body> </html> |
Output:
Please Login to comment...