目标
在我的程序中,我想用jquery / javascript做两件事：
问题
要做第一件事我使用$(“.className”).css()方法,但它只更改了那些已经有className类的元素的样式,即如果我稍后将className添加到元素中它的样式将不是新的.我怎么解决这个问题？
例
也见于jsfiddle.
$("p").addClass("redclass");
$(".redclass").css("color","darkRed");
$("span").addClass("redclass");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>I want to be red! And I am.</p> <span>I want to be red too but I'm not :'(</span>
结果：
解决方法
更短的格式：
$("<style/>",{text: ".redclass {color: darkRed;}"}).appendTo('head');
片段：
$("<style/>",{text: ".redclass {color: darkRed;}"}).appendTo('head');
$("p").addClass("redclass");
$("span").addClass("redclass");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>I want to be red! And I am.</p> <span>I want to be red too but I'm not :'(</span>
