jQuery - how do I find out when new elements are added?

Question

Hello,

is there any way I can monitor the entire page (using jQuery 1.3.2) and add a tooltip plugin function to newly created links?

On document.load(), I add a tooltip like this:

$('a').tooltip();

How can I do the same for elements which are added by AJAX? Something using live() perhaps?

Thank you!

Answer 1

You're looking for the livequery plugin.

However, it's an ugly hack and should be avoided where possible.
In particular, it will not catch any DOM modifications that weren't made using jQuery.

Answer 2

When you create your new element using AJAX, run the .tooltip() on them inside the same callback.

success: function() {
    var newelement = $(someNewElement);
    newelement.tooltip();
    newelement.appendTo('body');
}

EDIT: If you can't control the code that is inserting the elements, @SLaks' answer may be a good alternative.