如何在点击按钮时激活/取消激活CSS？

问题描述：

我想一个辅助功能添加到它使访问者点击一个按钮“打开”和“关闭”高对比度模式（即黑色背景，黄色文字）。我有这个CSS，但我不知道如何使它可以打开和关闭。

任何帮助非常感谢！

我不确定它是否是正确的答案，但你可以用JQuery实现这一点，使用click（）函数，然后添加或删除类与addClass（）和removeClass（） –

这不能用只是单独使用CSS，并让它在页面中保持不变。您可以使用JS使用本地存储来保存该值，然后在页面加载时相应地应用样式，还可以使用后端编程语言来创建cookie并将其存储，然后基于该cookie应用样式。 –

答

如何/在哪里使用jQuery？它是否进入CSS文件？我还没有任何经验...... –

不，你必须在基于javascript的标签中使用jQuery，例如。如果您点击上面提供的链接，他们将显示使用每个功能的html页面示例。 – ca8msm

对于简单的事情，jQuery并不是必需的。 – EmmanuelB

答

一个更好的办法可能是使用jQuery的.toggleClass()功能的一类附加到body如下面的例子：

在这里，我们有一个元素，点击开关contrast类。从那里你可以根据需要修改你的CSS来提供标准/高对比度选项。

必要的jQuery的一个例子是在小提琴及以下：

$(function() { 
    $(".toggleContrast").click(function() { 
     $('body').toggleClass('contrast'); 
    }) 
});

这看起来不错，但我仍然对jQuery需要去哪里感到困惑？你能否详细解释一下如何实现这个？ –

通常，您会在代码的'