jQuery live() Method

The jQuery live method attach one or more event handlers for all elements which match the current selector and specifies a function to run when the events occur.

Event handlers attached using live() method works for both current and future elements which match the selector.

Syntax of jQuery live():

$(selector).live(event, data, function)

Note: The jQuery live() method was deprecated in jQuery version 1.7 and removed in version 1.9. You can use the on() method instead.

Example:

$("button").live("click", function(){
console.log("Button clicked!");
});

Read Also:

• jQuery Why use jQuery on() instead of click()
• jQuery jQuery bind() and unbind() example

You can also bind multiple live event handlers:

$( "button" ).live({
click: function() {
console.log("Button clicked!");
},
mouseover: function() {
console.log("Button mouseover!");
},
mouseout: function() {
console.log("Button mouseout!");
}
});

Jacob Frazier

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.