jquery - 使用 Jquery 可以简单选择

Question

我只有 3 个 div，它们的背景颜色都是蓝色。

我需要 jQuery 来使每个框都可选择。
单击/选中该框时，jQuery 应将具有不同背景色的类 .selected 添加到红色。单击另一个 div 时，所有其他未选中的应变回蓝色。

这是CSS

.block {
    width: 300px;
    padding: 10px;
    background: blue;
    color:white;
    margin-top:5px;
}

.selectable {
    background: red;
}

这是html

<div class="block">
    Some stuff here
</div>

<div class="block">
    Some stuff here
</div>

<div class="block">
    Some stuff here
</div>

如何使用 jQuery 来实现？
这是所有实际的 jsfiddle

Answer 1

试试这个 jsFiddle example .

$('.block').click(function() {
    $('.block').removeClass('selectable');
    $(this).addClass('selectable');
});​