How to use jQuery.live to call a method on an element when creating it?

Question

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

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

and I add additional .foobar inputs to the page with javascript.

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

I got confused because the work seems to work by adding an event handler, but I don't know how to describe the event the item was created.

Thank.

Answer 1

livequery : http://docs.jquery.com/Plugins/livequery

Answer 2

. .

Jquery <a> , ,

Answer 3

See Types of mutation events . I am not sure about the support in various browsers.

DOM mutation events