javascript - 将 CSS 附加到头部？

Question

我想用 jQuery 在 head 标签中添加一些 css 类（而不是像Jquery add css to head这样的 css 文件）

我的css类是这样的：

#control1 { width:60px; height:55px; background:url(../images/logo1.png) no-repeat; float:left; }
#control1.selected {background:url(../images/logo1_aktiv.png) no-repeat;}

感谢帮助。

Answer 1

您可以使用 将其附加到头部appendTo()，然后选择"head"

$("<style type='text/css'> .boldYellow{color:yellow; font-weight:bold;} </style>").appendTo("head");

Answer 2

这是您需要做的，将您的样式附加到 head 标签

var yourClasses="#control1 { width:60px; height:55px; background:url(../images/logo1.png) no-repeat; float:left; }
#control1.selected {background:url(../images/logo1_aktiv.png) no-repeat;}";

$("document").ready(function(){
    $("head").append("<style type='text/css'>"+yourClasses+"</style>");
});