Question

我想在我的页面上设置一个颜色切换按钮。因此，通过单击它，确切的颜色将更改为其他颜色。问题是颜色用于背景，边框和字体颜色。是＆＃39;有一种方法可以用jquery检测确切的颜色并将其随处更改为其他颜色吗？提前谢谢。

Answer 1

好的，不得不用你想要的东西来猜测，但是因为你想要一次改变特定的东西。我建议您为要更改的元素添加一个类。例如，您可以使用class = "colorChange"并添加两个按钮。一个按钮将所有内容更改为蓝色，另一个按钮更改为红色。

HTML按钮：

<button id="blue">BLUE</button>
<button id="red">RED</button>

JS：

$('#blue').on('click', function () {
    $('.colorChange').css({
        'background-color': 'blue',
        'color': 'blue'
    });
});

$('#red').on('click', function () {
    $('.colorChange').css({
        'background-color': 'red',
        'color': 'red'
    });
});

这是一个小型演示：JSFIDDLE

要查看您可以执行的当前颜色。 $('.colorChange').css('background-color');但这将为您提供rbg代码。（例如，rbg（1,1,1））

Answer 2

这是一段愚蠢的代码，用于更改页面中每个黑色元素的颜色：

var sourceColors = ["black", "#000000", "#000", "rgb(0,0,0)"];
var targetColor = "orange";
var elements = document.querySelectorAll("*");
for (var i = 0 ; i < elements.length ; i++) {
    var e = elements[i];
    if (sourceColors.indexOf(e.style.color)) {
        e.style.color = targetColor;
    }
}

我不确定这是你想要的，它不是一种快速的方法，但它有效。

更改整个页面上不同元素的颜色

2 个答案: