jQuery CSS() for dynamically created elements

Solution 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");
  

Solution 2:

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