从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>