javascript - 从js更改背景颜色

Question

我会通过 onclick javascript 函数设置元素的背景颜色。 我的代码是:

function changeBg( el ) {
    if( $( el ).css( "background-color" ) === "rgb(255,255,0)" ) {
        $( el ).css( "background-color", "red" );
    }
    else {
        $( el ).css( "background-color", "rgb(255,255,0)" );
    }
}

此代码适用于将默认背景颜色更改为黄色 (rgb(255, 255,0))，但不适用于将黄色更改为红色。第一个条件总是被跳过

Answer 1

为了更好地使用 toggleClass() 而不是在 dom 中匹配颜色值

function changeBg(el) {
  $(el).toggleClass('red')
}

.red {
  background-color: red;
}
button{
  background-color: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="changeBg(this)">change</button>