mui底部导航栏点击切换图片和颜色

$('.footer>a').on('tap',function(){//点击
$(this).children().css('color','#e9af29');//点击的那个变黄色
$(this).siblings().children().css('color','#adaeaa');//同胞的变灰色
var n=$(this).index();//点击的index值
console.log(n+'....');
if(n==0){
//                                 局部刷新
var home=plus.webview.getWebviewById('tab-home.html');//获取需要刷新的页面
mui.fire(home,'home');//自定义一个函数（获取刷新的页面只要监听home，然后实现想要实现的功能就行）
// alert(home);
}else if(n==1){
var category=plus.webview.getWebviewById('tab-category.html');
mui.fire(category,'category');
// alert(JSON.stringify(category));
}else if(n==3){
var cart=plus.webview.getWebviewById('tab-cart.html')
mui.fire(cart,'cart');
// alert(JSON.stringify(cart));
}else if(n==4){
var me=plus.webview.getWebviewById('tab-me.html')
mui.fire(me,'me');
// alert(JSON.stringify(me));
}

//分别是改变图片的地方，跟颜色一样，同胞变其他灰色图片，自个变黄色
if(n=='0'){
// plus.webview.getWebviewById('tab-home.html').reload();
$('.a1').attr('src','img/home.png');
$('.a2').attr('src','img/category.png');
$('.a3').attr('src','img/cart.png');
$('.a4').attr('src','img/mine.png');
}
if(n=='1'){

/*plus.webview.getWebviewById('tab-category.html').reload();*/
$('.a1').attr('src','img/home1.png');
$('.a2').attr('src','img/fenlei.png');
$('.a3').attr('src','img/cart.png');
$('.a4').attr('src','img/mine.png');
}
if(n=='3'){
// plus.webview.getWebviewById('tab-cart.html').reload();
$('.a1').attr('src','img/home1.png');
$('.a2').attr('src','img/category.png');
$('.a3').attr('src','img/shop.png');
$('.a4').attr('src','img/mine.png');

}

if(n=='4'){
// plus.webview.getWebviewById('tab-me.html').reload();
$('.a1').attr('src','img/home1.png');
$('.a2').attr('src','img/category.png');
$('.a3').attr('src','img/cart.png');
$('.a4').attr('src','img/mine1.png');
}
});