jQuery CSS() for dynamically created elements

Question

I\'m using jQuery CSS function to style some elements

$element.css(style);

This works, but a part of the elements are created dynamically a

Answer 1

There's no event for elements created (not universally available, anyway). You could

• Add the rules to a stylesheet so that they are automatically applied to the newly created elements

• Chain the css() method when you create your elements:

  $('<img id="createdImage" src="some.jpg"/>')
      .appendTo(document.body)
      .css(style);
  

• Create a new stylesheet dynamically:

  $("<style>").text("#myNewEl { width:20px; height:30px; }").appendTo("head");
  

Answer 2

$('head').append('
< style >
.folder { background: url(../icons/Folder_icons/g/f.png) no-repeat left top;} < / style >');

Answer 3

Best Idea is to Define CSS classes. And then Remove and add classes from Dynamic elements as per need

$(element).addClass("className");
$(element).removeClass("className");

Example: JS Fiddle