使用JQuery添加到css类

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

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

Answer 1

您不能使用jQuery直接更新单独的css文件中的CSS类。 但是，您可以创建

标记并添加/覆盖CSS类：

 $('').appendTo('body'); 

更新CSS类时，您需要注意级联顺序 。 否则，它可能不会是您所追求的效果。

Answer 2

如果我明白你要做什么，我相信这对你有用。

 $("#UniqueName").remove(); $("").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"}); 

Answer 4

您可以通过在jquery中使用addClass和removeClass函数来完成此操作。 像这样添加类：

 $("#button1").click(function(){ $(#the_div).addClass('myClass'); }); 

然后你可以像这样删除它：

 $("#button2").click(function(){ $("#the_div").removeClass('myClass'); }); 

您的CSS属性应在“.myClass”中定义。

Answer 5

如果要添加新类或属性，请使用add class

http://api.jquery.com/addClass/

这将把属性添加到DOM元素。

如果要覆盖现有属性，请使用jquery .css，在您的情况下更新

http://api.jquery.com/css/

.css将添加为内联样式，因此所有类属性都将被覆盖