What’s the difference between jQuery .live() and .on()

by

It’s pretty clear in the docs why you wouldn’t want to use live. Also as mentioned by Felix, .on is a more streamline way of attaching events.

Use of the .live() method is no longer recommended since later
versions of jQuery offer better methods that do not have its
drawbacks. In particular, the following issues arise with the use of
.live():

  • jQuery attempts to retrieve the elements specified by the selector before calling the .live() method, which may be
    time-consuming on large documents.
  • Chaining methods is not supported. For example, $("a").find(".offsite, .external").live( ... ); is
    not valid and does not work as expected.
  • Since all .live() events are attached at the document element, events take the longest and slowest
    possible path before they are handled.
  • Calling event.stopPropagation()
    in the event handler is ineffective in stopping event handlers
    attached lower in the document; the event has already propagated to
    document.
  • The .live() method interacts with other event methods in ways that can be surprising, e.g.,
    $(document).unbind("click") removes all click handlers
    attached by any call to .live()!

More Related Contents:

  1. jQuery on load of dynamic element
  2. how to serialize all img tags with Jquery
  3. Sending multipart/formdata with jQuery.ajax
  4. Wrap every 3 divs in a div
  5. jQuery removeClass wildcard
  6. Bootstrap 3: Keep selected tab on page refresh
  7. Setting the content-type of requests performed by jQuery jqGrid
  8. Selecting elements with special characters in the ID
  9. jQuery: count number of rows in a table
  10. jquery – return value using ajax result on success
  11. Detect if page has finished loading
  12. jquery change background color user scroll
  13. Correct way to animate box-shadow with jQuery
  14. Is there any specific reason behind using $ with variable in jQuery
  15. .delay() and .setTimeout()
  16. When I make a draggable clone and drop it in a droppable I cannot drag it again
  17. jQuery: how do I animate a div rotation?
  18. How do I make $.serialize() take into account those disabled :input elements?
  19. How to add a ‘submitHandler’ function when using jQuery Unobtrusive Validation?
  20. Datatable date sorting dd/mm/yyyy issue
  21. jQuery get selected option value (not the text, but the attribute ‘value’)
  22. jQuery checkbox event handling
  23. Detecting value change of input[type=text] in jQuery
  24. Autocomplete issue into bootstrap modal
  25. jQuery Toggle Text?
  26. Performance differences between using “:not” and “.not()” selectors?
  27. Jquery addclass/removeclass on click
  28. jQuery UI – Droppable only accept one draggable
  29. Link to open jQuery Accordion
  30. Include js file in Go template

Leave a Comment