Question

例如，如果我有

<style type='text/css' id='divcolorgreen'>
    div{
        color: green;
    }
</style>

我可以使用3种方式禁用css规则

有没有更简单的方法来禁用/删除css规则？

Answer 1

这是课程的目的。通过分配一个类，例如。到<body>标记，您将获得相同的功能：

<style type='text/css' id='divcolorgreen'>
    body.divcolorgreen div{
        color: green;
    }
</style>

如果<body>看起来像这样：

<body class="divcolorgreen">
    ...
</body>

规则已应用。要禁用该规则，请删除上述类：

<body>
    ...
</body>

Answer 2

好的，所以你试图改变页面上所有div的颜色。

jQuery有.css()，可让您设置与选择器匹配的所有元素的样式。在您的情况下，它只是div。

设置：

$('div').css('color', 'yellow');

删除：

$('div').css('color', '');

如果你不想使用jQuery，那么这个想法是一样的：

document.getElementsByTagName('div')为您提供页面上的所有div。您可以循环浏览它们并通过elem.style.color="yellow";

更改其样式

Answer 3

1你可以通过jquery css( propertyName , value ) api做到这一点，但根据我的方法更简单，因为如果有很多样式，你已经设置了字体，颜色，高度......第二种方法更容易，很多节省更多时间

 $("div").css("color", "yellow")

2您可以removeClass('someClass');和addClass('someClass');

执行此操作

例如，使用jQuery选择器将division元素与“some”

类作为目标

HTML

<div class="some" ></div>

CSS

.some{ color: green; }

jquery

如果要添加另一个类，可以使用addClass

$(".some").click( function(){
   $(this).addClass('someClass');
});

如果要删除该类，请使用jQuery的removeClass方法：

$(".some").click( function(){
   $(this).removeClass('someClass');
});