好资源导航 » 文章资讯 » 原生JS与jQuery编写简单选项卡

原生JS与jQuery编写简单选项卡

2023-09-21 21:02:05 58

本文实例为大家分享了JS编写简单选项卡的具体代码，供大家参考，具体内容如下





jquery选项卡

#div1div{width:200px;height:200px;border:1pxredsolid;display:none;}
.active{background:#999;}




window.onload=function(){
varoDiv=document.getElementById('div1');
varaInput=document.getElementsByTagName('input');
varaCon=oDiv.getElementsByTagName('div');

for(vari=0;i





$(function(){
$('#div1').find('input').click(function(){
$('#div1').find('input').attr('class','');
$('#div1').find('div').css('display','none');
$(this).attr('class','active');
$('#div1').find('div').eq($(this).index()).css('display','block');
})
})







11111

22222

33333

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

原生JS与jQuery编写简单选项卡

热门推荐

随机推荐