Question

htmljavascript 选项卡切换怎么写

Answer 1

div*4//假设有四个选项，这里就简单代表一下了；
<div class='show'>
ul>li*4//这里是选项卡的展示界面处，show代表的就是展示的区域；
点击相应选项卡显示的就是相应的li；其余的li display：none
</div>
选择器可以使用index来选择，但是我觉得还是比较麻烦的，有偷懒的办法；
就是比如四个选项卡，我分别命名class为1,2,3,4；
四个显示区域我分别命名id为1,2,3,4；
所以我新建一个方法；
function select(a){
var a=a;

$('".'+a+'"').click(function(){
$('"#'+a+'"').css('display','block').siblings().css('display','none');
})
}
select(1);
select(2);
select(3);
select(4);