The jQuery event bind()
method attaches one or more event handlers for selected elements, and specifies a function to run when the events occur. As of jQuery 1.7, the .on()
method is the preferred method for attaching event handlers to a document. For earlier versions, the .bind()
method is used for attaching an event handler directly to elements.
Syntax
$(selector).bind(event(s),data,function)
Parameter | Description |
---|---|
event | One or more events to attach. Multiple values are separated by space. |
data | Optional data to pass along to the function |
function | Function to run when the event(s) occur |
Example
$("#close").bind("click",function () {
$("#div1").slideUp(500);
});
In the jQuery code listed above, the bind()
method attaches the click event and specifies the slideUp
method to run on the element with an id of #div1
.