Create a CSS rule / class with jQuery at runtime

by

You can create style element and insert it into DOM

$("<style type="text/css"> .redbold{ color:#f00; font-weight:bold;} </style>").appendTo("head");
$("<div/>").addClass("redbold").text("SOME NEW TEXT").appendTo("body");

tested on Opera10 FF3.5 iE8 iE6

More Related Contents:

  1. How make my CSS responsive using Bootstrap 3.1
  2. CSS block doesn’t show click on a button
  3. how to force list items to go to differents rows?
  4. Issue with a design when content increase [closed]
  5. Dropdown Z-index not responding [closed]
  6. Auto-size dynamic text to fill fixed size container
  7. Access the css “:after” selector with jQuery [duplicate]
  8. Firing events on CSS class changes in jQuery
  9. $(window).width() not the same as media query
  10. Get element -moz-transform:rotate value in jQuery
  11. Play/pause HTML 5 video using JQuery
  12. How to automatically change the text size inside a div?
  13. Activate CSS3 animation when the content scrolls into view
  14. jQuery toggle CSS?
  15. jQuery CSS – Write into the -tag
  16. jQuery: height()/width() and “display:none”
  17. How to find the highest z-index using jQuery
  18. Selecting only first-level elements in jquery
  19. How to make Bootstrap carousel slider use mobile left/right swipe
  20. How do you select elements based on their style?
  21. Leave menu bar fixed on top when scrolled [closed]
  22. Why is the window.width smaller than the viewport width set in media queries
  23. Get *all* CSS attributes with jQuery
  24. jQuery CSS() for dynamically created elements
  25. Set background colour of select to selected option in JQuery
  26. Change the body background image with fade effect in jquery
  27. Weird IE8 layout glitch – why does the body background disappear?
  28. jQuery css gradient
  29. Remove vertical lines in jqGrid
  30. Removing multiple classes (jQuery)

Leave a Comment