How to use delegate() Method event in jQuery
This article describe about jQuery Event delegate() Method.
jQuery Event delegate() Method
When a specific function to run then the events occurs. The delegate() attaches one or more event handlers for specified elements that are children of selected elements.
It is work in both current and FUTURE elements (new element created by a script) when event handler attached using the delegate().
Syntax
|
$(selector).delegate(childSelector,event,data,function)
|
Example
|
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("div").delegate("button", "click", function () {
$("p").slideToggle();
});
});
</script>
</head>
<body>
<div style="background-color:Red">
<div style ="font-family :Gigi ">
<p>This is my first paragraph.</p>
</div>
<button>Click me</button>
</div>
</body>
</html>
|
Output
Note: In this output after click on the click me button paragraph <p> hide.
| Parameter |
Description |
| childSelector |
Required. It is define that one or more child element attach to the event handler |
| Event |
Required. It is define that one or more event attached to the element.
And must be valid event, multiple event separated by space.
|
| Data |
It is define that additional data to pass along with the function. |
| function |
Required. It define that function to run when event occur. |
You may also want to read these related articles Click here
Ask Your Question
Got a programming related question? You may want to post your question here
Programming Answers here