Question

我正在尝试建立一个供老年人使用的网站，因此我提供选项，以便他们可以更改页面上的背景颜色和字体颜色。例如白色黑色和黑色白色

我已成功实现了jQuery来执行此操作。但是，当我点击其中一个选项时，例如黑色白色，然后我想点击白色黑色选项...它们都适用。页面不会重新启动以仅应用其中一个，它们重叠并且两个颜色选项都适用。我不知道如何解决这个问题，所以我想知道是否有人可以帮助我。

HTML：

<a href="#" id="Col">Col</a>
<a href="#" id="Color">Color</a>

JS：

$(document).on('click', '#Col', function(){
    $('#wrap, .headerphone, nav, .slider, .intro, .wrap, .services, .column, p,      h1, h2, h3, h4, ul li, ol, li, .clearfix, .highlight, a, footer, .footer-  distributed, .footer-links').css({'background-color' : '#000000', 'color' :   '#FFFFFF'});
});

$(document).on('click', '#Color', function(){
    $('p, h1, h2, h3, h4, ul, li, ol, .highlight, a, span, .footer-links,   .headerphone').css({'color' : '#000000'});
});

Answer 1

您在第一个中更改了background-color，但您只在第二个中更改了color。
第二个选择器中有一个不同的选择器。如果你想要改变一切，你应该有相同的选择器。

注意：我建议使用addClass和removeClass代替css功能。这样你就可以只向body添加/删除一个类，并实现同样的目的。

在网页jQuery上更改背景颜色

1 个答案: