使用JQuery添加到css类

Question

是否可以使用JQuery添加/更新css类.

我知道我可以使用这个使用jquery的add css规则将css添加到DOM元素,但我想从css类本身添加/删除.

Answer 1

您不能使用jQuery直接更新单独的css文件中的CSS类.但是,您可以创建<style>标记并添加/覆盖CSS类:

$('<style>.newClass { color: red; }</style>').appendTo('body');

更新CSS类时,您需要注意级联顺序.否则,它可能不会成为你所追求的效果.

Answer 2

如果我理解你想要做什么,我相信这对你有用.

$("#UniqueName").remove();

$("<style id="UniqueName" type='text/css'> .MyClass{ color:#f00 !important; font-weight:bold !important;} </style>").appendTo("head");

最好有逻辑小类,并使用jQuery的.toggleClass()方法.

.Bold{ font-weight:bold; }
.Italic {font-style:italic;}

function SwitchFont(){
$(".MyObjects").toggleClass("Bold");
$(".MyObjects").toggleClass("Italic");
}

Answer 3

使用最新版本的Jquery太容易了，使用这样的东西：

$('jQuery selector').css({"css property name":"css property value"});

例如：

$('#MyDiv').css({"background-color":"red"});