Delegate In JQuery

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>

$(document).ready(function () {

$("div").delegate("button", "click", function () {

$("p").slideToggle();

});

</script>

</head>

<body>

<p>This is my first paragraph.</p>

</div>

<button>Click me</button>

</div>

</body>

</html>

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.