Golgappa.net | Golgappa.org | BagIndia.net | BodyIndia.Com | CabIndia.net | CarsBikes.net | CarsBikes.org | CashIndia.net | ConsumerIndia.net | CookingIndia.net | DataIndia.net | DealIndia.net | EmailIndia.net | FirstTablet.com | FirstTourist.com | ForsaleIndia.net | IndiaBody.Com | IndiaCab.net | IndiaCash.net | IndiaModel.net | KidForum.net | OfficeIndia.net | PaysIndia.com | RestaurantIndia.net | RestaurantsIndia.net | SaleForum.net | SellForum.net | SoldIndia.com | StarIndia.net | TomatoCab.com | TomatoCabs.com | TownIndia.com
Interested to Buy Any Domain ? << Click Here >> for more details...

Explain .bind() vs .live() vs .delegate() vs .on()

Answer Posted / 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



Post New Answer       View All Answers


Please Help Members By Posting Answers For Below Questions

What is the slowest selector in jQuery?

1124


What is the need for jquery? : jQuery Mobile

926


Explain the difference between jquery-x.x.x.js and jquery.x.x.x min.js?

797


Explain the starting point of code execution in jquery? : jquery mobile

833


Will Events Are Also Copied On Clone In Jquery?

827


What is the use of each function in jQuery?

911


What does dollar sign ($) means in jquery? : jquery mobile

839


How can we apply css in even childs of parent node using jquery library?

948


What is the difference between onclick and onsubmit?

893


How to check or uncheck all checkboxes using jquery?

867


Is jquery is json library file or a javascript?

837


What is the difference between jquery and javascript?

905


What is the difference between the knockout and jquery?

842


In jquery, what is the meaning of toggle?

811


Difference between parent() and parents() in jQuery?

925