jQuery bind() Method

❮ jQuery Event Methods


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.



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

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