方法有二:

 //初始化div，并注冊事件
var initDiv = function () {
$(".managementPanel div").eq(0).css("background", "red");
$(".managementPanel div").mouseover(function () {
     $(this).css("background", "#588600");
 }).mouseout(function () {
         $(this).css("background", "");
})
 };
 initDiv();
$(".managementPanel div").click(function () {
      $(this).prev().css("background","");
 initDiv();
//當(dāng)前被點(diǎn)擊的div改變背景色
 $(this).css("background", "red");
 //取消當(dāng)前div的mouseout和mouseover事件
 $(this).unbind("mouseout");
        $(this).unbind("mouseover");
 });

代碼很多吧 ,很麻煩
方法二:

 .active{
            background: #54a7f0;
            color:#fff;
            border-radius: 3px;
        }
//html代碼
<ul class="money-ul">
            <li class="active">不限</li>
            <li>3-6月</li>
            <li>6-12月</li>
            <li>12-18月</li>
            <li>18月以上</li>
        </ul>

加一個(gè)樣式

$(".money-ul li").on("click",function(){
   $(this).addClass("active").siblings().removeClass("active");
})

三行代碼就搞定了對不對,有沒有很興奮!!!

用zepto的時(shí)候,把click換成tap就OK了.但是呢,記得link zepto.js的文件啊,沒有鏈接,白費(fèi)勁了.