Code has been added to clipboard!

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

Reading time 2 min
Published Jan 8, 2018
Updated Sep 25, 2019

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.
Udacity
Pros
  • Simplistic design (no unnecessary information)
  • High-quality courses (even the free ones)
  • Variety of features
Main Features
  • Nanodegree programs
  • Suitable for enterprises
  • Paid certificates of completion
Coursera
Pros
  • Professional service
  • Flexible timetables
  • A variety of features to choose from
Main Features
  • Professional certificates of completion
  • University-level courses
  • Multiple Online degree programs
Datacamp
Pros
  • Great user experience
  • Offers quality content
  • Very transparent with their pricing
Main Features
  • Free certificates of completion
  • Focused on data science skills
  • Flexible learning timetable

Adding Handlers with .live()

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

Example
$("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.

Example
$("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.

Latest Udacity Coupon Found:

Verified STAFF PICK

75% OFF COURSES

Udacity Black Friday Offer

The best time to save on Udacity courses is now - follow this coupon to access a 75% Udacity Black Friday discount & enjoy learning at a very low cost!

Expiration date: 22/01/2021
3176 People Used
Only 97 Left
Rating
5.0