Javascript 如何禁用和启用css规则_Javascript_Html_Css

Javascript 如何禁用和启用css规则

javascript html css

Javascript 如何禁用和启用css规则,javascript,html,css,Javascript,Html,Css,例如，如果我有 <style type='text/css' id='divcolorgreen'> div{ color: green; } </style> div{ 颜色：绿色； } 我可以使用3种方法禁用css规则删除样式元素（将其重新绑定为可重新启用）修改它的内部html 将内联规则逐个添加到每个元素（最好使用jquery）是否有更简单的方法来禁用/删除css规则？好的，因此您正在尝试更改页面上所有div的颜色 j

例如，如果我有

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


div{
颜色：绿色；
}

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

删除样式元素（将其重新绑定为可重新启用）
修改它的内部html
将内联规则逐个添加到每个元素（最好使用jquery）

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

好的，因此您正在尝试更改页面上所有div的颜色

jQuery具有

.css（）

，可用于设置与选择器匹配的所有元素的样式。在您的例子中，它只是

div

设置：

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

删除：

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

如果您不想使用jQuery，想法是一样的：

document.getElementsByTagName（'div'）

提供页面上的所有div。您可以通过

elem.style.color=“yellow”循环它们并更改它们的样式

1您可以通过jquery

css（propertyName，value）

api来实现这一点，但根据我的说法，这是一种更简单的方法，因为如果有很多样式，比如您已经设置了字体、颜色、高度等，那么第二种方法更简单，而且节省了更多的时间

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

2您可以通过

removeClass（'someClass'）来实现这一点和addClass（'someClass'）
例如，使用jQuery选择器以类为“some”的division元素为目标
html
jquery
如果要添加其他类，可以使用addClass
$(".some").click( function(){
   $(this).addClass('someClass');
});

如果要删除该类，请使用jQuery的removeClass方法：
$(".some").click( function(){
   $(this).removeClass('someClass');
});

这就是上课的目的。通过将类（例如）分配给
标记，可以获得相同的功能：
<style type='text/css' id='divcolorgreen'>
    body.divcolorgreen div{
        color: green;
    }
</style>


body.div颜色绿色div{
颜色：绿色；
}

如果
看起来像这样：
<body class="divcolorgreen">
    ...
</body>


...

这条规则适用。要禁用规则，请删除提到的类：
<body>
    ...
</body>


...
@ahren冷静点，伙计。不到5分钟前编辑的OP。。。除最后一点外，您可以对答案进行编辑/建议编辑。您有权更正他的答案。@ahren op在我的答案之后编辑了这个问题，我不知道，否则我会更正它。.live（）
已被弃用，.on（）是最新jQuery的首选。@NajibRazak:没问题。我很高兴我帮了忙。我已经找到了最简单的方法。这与我在下面勾选的公认答案完全不同。我希望你们能很快发现你最后用了什么？毕竟，你可以添加自己的答案，或者在评论中提及。本网站旨在为其他用户提供帮助，因此分享您的知识是绝对可取的：）干杯！
<body class="divcolorgreen">
    ...
</body>

<body>
    ...
</body>