选项卡切换

<div class="tab-nav">
　　<span class="login">登录</span>
　　<span class="register">注册</span>
</div>

<div class="tab-ct">
　　<div class="login">
　　　　　　<p>登录窗口</p>
　　</div>
　　<div class="register">
　　　　<p>注册窗口</p>
　　</div>
</div>

　　

//登录注册选项卡切换方法一
	function tab(nav,ct){
		nav.click(function(){
			var i=$(this).index();
			nav.eq(i).addClass('line-on').siblings().removeClass('line-on');
			ct.eq(i).show().siblings().hide();
		})
	}
　　　　 tab($('.tab-nav span'),$('.tab-ct>div'));
//登录注册选项卡切换方法二
	$.each($('.tab-nav span'),function(i,span){
		$(span).click(function(){
			$(this).addClass('line-on').siblings().removeClass('line-on');
			$('.tab-ct>div').eq(i).show().siblings().hide();
		})
	})

　　

转载于:https://www.cnblogs.com/jellyAndjammy/p/4118578.html