Javascript如何在点击时切换按钮背景颜色

时间:2015-06-16 21:51:23

标签: javascript jquery html css

有人可以告诉我如何在点击时切换按钮背景颜色吗?

请查看此按钮并添加示例:http://jsfiddle.net/ukkj7dth/

<div class="button">button 1</div>
<div class="button">button 2</div>
<div class="button">button 3</div>
<div class="button">button 4</div>
<div class="button">button 5</div>
<div class="button">button 6</div>

我希望它就像是,当点击按钮1时,它必须将背景颜色更改为黄色,当按钮2单击时,按钮1必须返回绿色背景,按钮2更改为黄色等...

由于

1 个答案:

答案 0 :(得分:2)

只需切换课程

$('.button').on('click', function() {
    $(this).toggleClass('myClass').siblings().removeClass('myClass');
});

FIDDLE