如何向现有类添加属性

Question

我有一个像这样的CSS类:

.simpleClass {
    width: 25px;
}

我有一个匹配的元素:

<div class="simpleClass"></div>

我可以通过jQuery动态地将属性添加display: none;到CSS类中.simpleClass吗？谢谢.

Answer 1

您可以使用.csslike 指定元素的样式

$("div.simpleClass").css("width","25px");

看看jQuery.css()

Answer 2

如果我做对了,你不想给属性的实例元素赋予属性simpleClass,但是想使用JS给整个类(覆盖所有实例)一个额外的属性.

在这种情况下,您可以使用jQuery将样式元素附加到头部,使您有机会添加其他CSS声明.

但是,我不建议这样做,因为它会导致您的代码和结构变得混乱.

$("head").append("<style> .simpleClass{ display:none; } </style>");

此代码段将为执行此操作时存在的display:none所有.simpleClass元素提供额外的属性,并且还将影响每个后来插入的.simpleClass元素.

Answer 3

$('.simpleClass').css({display:'none'});