按钮互斥点击效果

举例

html代码

	<div style="font-size: 0">
		<a onclick="chart('${type}',1)"><span id="week_chart" class="hover-color head-right right-week" style="background-color: #efefef">本周</span></a>
		<a onclick="chart('${type}',2)"><span id="month_chart" class="hover-color head-right right-month">本月</span></a>
		<a onclick="chart('${type}',3)"><span id="year_chart" class="hover-color head-right right-year">本年</span></a>
	</div>

效果图

当点击’本周’时，背景颜色改变，其他背景颜色变为默认颜色。本月、本年同理。
js代码如下

	$("span.hover-color").click(function(){
			var $a = $("span.hover-color");
			$a.css("background-color","#ffffff")
			$(this).css("background-color","#efefef")
		})

选中三个元素，首先将元素背景颜色全部变为默认，然后获取当前被点击元素，再改变背景颜色即可。