Explain .bind() vs .live() vs .delegate() vs .on()
- 2 Answers
- 3462 Views
- I also Faced
- E-Mail Answers
Answers were Sorted based on User's Feedback
Answer / chaitanya
All these 4 jQuery methods are used for attaching events to selectors or elements. But they all are different from each other.
.bind(): This is the easiest and quick method to bind events. But the issue with bind() is that it doesn't work for elements added dynamically that matches the same selector. bind() only attach events to the current elements not future element. Above that it also has performance issues when dealing with a large selection.
.live(): This method overcomes the disadvantage of bind(). It works for dynamically added elements or future elements. Because of its poor performance on large pages, this method is deprecated as of jQuery 1.7 and you should stop using it. Chaining is not properly supported using this method.
.delegate(): The .delegate() method behaves in a similar fashion to the .live() method, but instead of attaching the selector/event information to the document, you can choose where it is anchored and it also supports chaining.
.on(): Since live was deprecated with 1.7, so new method was introduced named ".on()". This method provides all the goodness of previous 3 methods and it brings uniformity for attaching event handlers.
Find out more here
| Is This Answer Correct ? | 1 Yes | 0 No |
Answer / sourav basak
Thanks for sharing this article that distinguishes jQuery .bind() vs .live() vs .delegate() vs .on(). And it clears in depth view before applying to bind event to the elements.
Version comparison also supports when one method migrate to another one.
Here is another links for differentiate between .bind() vs .live() vs .delegate() vs .on().
http://www.namasteui.com/differences-between-jquery-bind-vs-live-vs-delegate-vs-on/
Hope this helps too. Thanks a lot.
--
Regards,
Sourav Basak [Blogger, Entrepreneur, Thinker]
Namaste UI
| Is This Answer Correct ? | 0 Yes | 1 No |
Is jquery a framework?
What is the purpose of jquery?
Difference between event.PreventDefault and event.stopPropagation?
Tell me do I need to add the jquery file both at the master page and content page as well?
How to check or uncheck all checkboxes using jquery?
Define data paremeter of jquery ajax method?
what does $("div") will select? : jquery mobile
Is it possible to get value of multiple CSS properties in single statement?
Difference between document.ready() and body onload()?
What is the script build up by jQuery?
Define all the ways to include jquery in a page?
Can we use our own specific character in the place of $ sign in jQuery?
ASP 
