将CSS附加到头?

时间:2012-12-07 14:44:55

标签: javascript jquery html css class

我想在head标签中添加一些css类,使用jQuery(而不是像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;}

感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

您可以使用appendTo()将其附加到标题部分,然后选择"head"

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

答案 1 :(得分:2)

这是您需要做的,将您的风格附加到头标记

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