jq-按钮选中样式_jsbutton 的选中样式

想实现如图效果，设置好了按钮的不同状态样式，想在点击某个按钮后保存.active的样式，其他的恢复默认样式：

<div class="Box">
    <span> 9:00~11:00</span>
    <span> 9:00~11:00</span>
    <span> 9:00~11:00</span>
    <span> 9:00~11:00</span>
    <span> 9:00~11:00</span>
    <span> 9:00~11:00</span>
</div>


<script type="text/javascript">  
    $(".Box span").click(function(){
    $(".Box span").removeClass("active");
    $(this).addClass("active");
});  
</script>  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19