目标
在我的程序中,我想用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>
