jquery - “如果”和 css 属性

Question

我想做非常简单的事情。如果文本的颜色为“红色”，我想将文本颜色更改为“蓝色”。我试过这段代码，但它不起作用。

$(function(){
if ($('h1').css('color') == 'red'){ 
    $('h1').css({'color': 'blue'});
} });

感谢您的宝贵帮助！

Answer 1

演示

$(function(){
if ($('h1').css('color') == 'rgb(255, 0, 0)'){ // check visibility
    $('h1').css('color','blue');
} });

你也可以试试

https://github.com/jquery/jquery-color

Answer 2

如果您没有使用 jQuery 来解决这个问题，那么这里有一个简单的 JS 示例来节省几千字节：

(function() {
    var headings = document.getElementsByTagName("h1");

    for (var i = 0, len = headings.length; i < len; i++) {
        if (headings[i].style.color === "red") {
            headings[i].style.color = "blue";
        }
    }
})();