jquery实现选项卡切换|jQuery实现选项卡功能（两种方法）

【www.bbyears.com--jquery】

效果图：

代码如下：

 <scriptsrc="http://code.jquery.com/jquery-1.8.0.min.js"></script>

 

 11111111111

 22222222222

 333333333333

 1

 2

 3

 111111111111

 222222222222

 333333333333

 <script>

 $(function(){

 //jQuery 方法一

 $('#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');

 });

 //jQuery 方法二

 $('.tab').find('li').click(function(){

 var index = $(this).index();

 $(this).addClass('active').siblings().removeClass('active');

 $('.content').find('li').eq(index).show().siblings().hide();

 })

 })

 </script>

本文来源：http://www.bbyears.com/wangyezhizuo/129337.html