标签:ready function lin cli tab 最新 简单实现 add document
html: <ul class="tab"> <li>最新</li> <li class="cur">热门</li> <li>新闻</li> </ul> <div>11</div> <div class="on">22</div> <div>33</div>
js: $(document).ready(function(){ $(".tab li").click(function(){ $(".tab li").eq($(this).index()).addClass("cur").siblings().removeClass(‘cur‘); $("div").hide().eq($(this).index()).show(); //另一种方法: $("div").eq($(".tab li").index(this)).addClass("on").siblings().removeClass(‘on‘); }); });
标签:ready function lin cli tab 最新 简单实现 add document
原文地址:http://www.cnblogs.com/ghfjj/p/6306309.html