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

Question

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.

Answer 1

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

Answer 2

See this thread.It will give you some idea.

http://stackoverflow.com/questions/2264246/jquery-click-event-of-a-tag-added-at-run-time-doesnt-get-fired

Answer 3

See Mutation event types. I am not sure about the support in various browsers.

DOM Mutation Events