Differences between bind() and live() in jQuery wrt to event propagation

Question

I understand that live() in jQuery can be used to bind events to elements which do not exist at the time of binding. However there is also a difference wrt to event propagation between bind() method and the live(). The following is an excerpt from the jQuery in action book:

"Firstly, recognize that live events aren’t native “normal” events. When an event such as a click occurs, it propagates up through the DOM elements as described earlier in this chapter, invoking any event handlers that have been established. Once the event reaches the context used to create the wrapped set upon which live() was called (usually the document), the context checks for elements within itself that match the live selector. The live event handlers are triggered on any elements that match, and this triggered event doesn’t propagate."

Can anyone help me understand what this means?

get can get your answer here http://stackoverflow.com/a/937421/2782669 — Kuldeep Choudhary, Dec 26 '13 at 04:49
On a side note, jQuery has deprecated `live()` since 1.7, instead use `on()`. — Pranav 웃, Dec 26 '13 at 04:51

score 0 · Answer 1 · answered Dec 26 '13 at 04:53

Think this scenario:

I have several  elements.

$('p').bind('click', function(){...});

add some extra  (using get(), or html(), anything)

the new  don't have any binding!!

of course, since the new  didn't exist when you did the $('p')... at step 2, it didn't bind the event handler to them.

now, if you do this:

i have several  elements.

$('p').live('click', function(){...});

add some extra  (using get(), or html(), anything)

the new  do have the binding!!

Note jQuery has deprecated live() since 1.7, instead use on()

Differences between bind() and live() in jQuery wrt to event propagation

1 Answers1