JQuery更改每次点击选择的背景

Question

大家好，我正在尝试创建一个 jquery 函数，当他第一次单击选择按钮时，背景将变为白色，如果他再次单击，背景将变为蓝色，反之亦然

<select name="contact" class="changeBg">
     <option value="">Change!</option>
     <option value="">Changes!</option>
</select>

$('.changeBg').click(function() {
    $(this).css('background-color', 'green');
 });

Answer 1

您可以尝试使用 .toggleClass( className, switch )在两个类之间切换。

Live Demo

$('.changeBg').click(function() {
    $(this).toggleClass('white blue');
});