第三天：tab切换

 

function tab(nav,content,on,type)
{
    $(nav).children().bind(type,(function(){ //全部tab标签进行绑定click事件
        var tab=$(this);  //定义当前相应的tab
        var tab_index=tab.prevAll().length;//找到当前标签是属于第几个
        $(nav).children().removeClass(on);//把所有的tab清除样式
        tab.addClass(on);//给当前的加ON样式
        $(content).children().hide();//找到所有的content并将其隐藏
        $(content).children().eq(tab_index).show();//找到对应的content进行显示；
    }));
}
//关键是在类似for循环中，先定义当前响应的元素，然后给全部的元素清除样式。最后给自己以及对应的另一个元素进行特殊事件；
<script type="text/javascript">
tab(".list-area .tabs",".list-area .tabA","on","click");

</script>