THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

jQuery bind() Method

jQuery Event Methods jQuery Event Methods

Example

Attach a click event to the <p> element:

$("p").bind("click", function(){
    alert("The paragraph was clicked.");
});
Try it yourself »

Definition and Usage

The bind() method attaches one or more event handlers for selected elements, and specifies a function to run when the event occurs.

As of jQuery version 1.7, the on() method is the preferred method for attaching event handlers for selected elements.


Syntax

$(selector).bind(event,data,function,map)

Parameter Description
event Required. Specifies one or more events to attach to the elements.

Multiple event values are separated by space. Must be a valid event.
data Optional. Specifies additional data to pass along to the function
function Required. Specifies the function to run when the event occurs
map Specifies an event map ({event:function, event:function, ...}) containing one or more events to attach to the elements, and functions to run when the event occurs

Examples

Try it Yourself - Examples

Attach multiple events
How to attach multiple events to an element.

Using an event map
How to use an event map to attach several events/functions to the selected elements.

Pass along data to the function
How to pass along data to a custom named event handler.


jQuery Event Methods jQuery Event Methods