Search code examples
jquerylive

How do I use jQuery .live to call a method on an element when it is created?

I have a page with some inputs of the class 'foobar', and I call a method on each of them.

$("input.foobar").css('color', 'red');

and I am adding more .foobar inputs to the page with javascript.

How can I use jQuery live (or any other method), to watch the page for the creation of new elements that match "input.foobar" and perform my css call on them as soon as they are added to the DOM?

I am confused because live seems to work by adding an event handler, but I do not know how to describe the element creation event.

Thanks.

Solution

  • the livequery plugin was made to do this specifically: http://docs.jquery.com/Plugins/livequery