Question

怎么把这段js代码转化为jquery代码；

window.onload=function(){
var tabBox=document.getElementById("tabBox");
var tab=tabBox.getElementsByTagName("input");
var tabCont=tabBox.getElementsByClassName("tabCont");
for(var i=0;i<tab.length;i++){//循环遍历onclick事件
tab[i].index=i;
tab[i].onclick=function(){
for(var i=0;i<tab.length;i++){//循坏遍历去掉button样式，吧div影藏
tab[i].className="";
tabCont[i].style.display="none";
}
this.className="active";//当前按钮添加样式
tabCont[this.index].style.display="block";//显示当前div
}
}
}

Answer 1

$(document).ready(function(){
    var tabBox=$("#tabBox");
    var tab=$("input");
    var tabCont=$(".tabCont");
    for(var i=0;i<tab.length;i++){//循环遍历onclick事件
        tab[i].index=i;
        tab[i].onclick=function(){
            for(var i=0;i<tab.length;i++){//循坏遍历去掉button样式，吧div影藏
            tab[i].removeClass();
            tabCont[i].hide()
        }
    this.addClass('active')//当前按钮添加样式
    tabCont[this.index].show();//显示当前div
    }
}
})

没有测试过，大概就是这个样子了，自己调试下