Explain Bind() Vs Live() Vs Delegate() Methods?

1.	Explain Bind() Vs Live() Vs Delegate() Methods?
Answer» The bind() method will not attach events to those elements which are added after DOM is LOADED while live() and delegate() methods attach events to the FUTURE elements also. The difference between live() and delegate() methods is live() function will not work in chaining. It will work only on an selector or an element while delegate() method can work in chaining. For example $(document).ready(function(){ $("#myTable").find("TR").live("click",function(){ alert($(this).text()); }); }); Above code will not work USING live() method. But using delegate() method we can accomplish this. $(document).ready(function(){ $("#dvContainer")children("table") .delegate("tr","click",function(){ alert($(this).text()); }); }); For example Above code will not work using live() method. But using delegate() method we can accomplish this.

Answer»

The bind() method will not attach events to those elements which are added after DOM is LOADED while live() and delegate() methods attach events to the FUTURE elements also.
The difference between live() and delegate() methods is live() function will not work in chaining. It will work only on an selector or an element while delegate() method can work in chaining.

For example

$(document).ready(function(){ $("#myTable").find("TR").live("click",function(){ alert($(this).text()); }); });

Above code will not work USING live() method. But using delegate() method we can accomplish this.

$(document).ready(function(){ $("#dvContainer")children("table") .delegate("tr","click",function(){ alert($(this).text()); }); });

For example

Above code will not work using live() method. But using delegate() method we can accomplish this.

Discussion