Understanding the Now Deprecated jQuery .live() and .die() Functions

jQuery live and die: Main Tips

• The jQuery .live() function attached one or more event handlers to selected elements.
• To remove these handlers, .die() method was used.
• Both of these methods were removed in 1.9 version of jQuery. Use .on() and .off() instead.

Theory is great, but we recommend digging deeper!

Interactive jQuery Tutorial: Learn How to Use jQuery Effects & Events

BitDegree Foundation VSI ©

4.5 (55)

Adding Handlers with .live()

The jQuery .live() method was used to add one or more event handlers to the selected elements.

$("button").live("click", () => {
    $("img").slideToggle();
});

It had the following syntax:

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

jQuery .live() method accepted three arguments:

• The type of event.
• Additional data to pass with the function (optional).
• The function that was executed when the specified event occured.

Note: the jQuery .live() function was deprecated in version 1.7 of jQuery and removed in 1.9. Use .on() instead.

Using .die() to Remove Handlers

The jQuery .die() removed event handlers added with the .live()function.

$("div").die();

We introduce the syntax of .die() function:

$("selector").die(event, function);

It took two parameters:

• event specified a standard JavaScript event or a custom jQuery.event object.
• function named a specific handler function to remove (if skipped, all attached handlers were removed).

Note: the jQuery .die() method was deprecated in 1.7 version and removed in 1.9 version. Use .off() instead.