Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
	word-wrap:break-word;
	word-break:break-all;
}
body {
	background:#fff;
	min-width:800px;
}
img {
	border:0px;
	behavior:url("css/pngbehavior.htc");
	display:inline;
}
ul,li {
	list-style:none;
}
a {
	text-decoration:none;
	color:#555;
}
h3 {
	font-size:14px;
	font-weight:bold;
	margin:0em 0 0.5em 0;
}
h2 {
	font-size:16px;
	font-weight:bold;
	margin:1em 0
}
/**tabs**/
.tabPanel ul {
	height:30px;
}
.tabPanel ul li {
	float:left;
	height:29px;
	line-height:30px;
	width:111px;
	text-align:center;
}
.tabPanel .hit {
	border-bottom:1px solid #fff;
	background:red;
}
.pane {
	display:none;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

jQuery tab切换

2
      leaf-sky1
      2017/11/15 10:56:54
      $('.panes>div:eq(' + $(this).index() + ')').show().siblings().hide();

      这个eq里可以不用字符串拼接,jquery支持直接书写

      eq($(this).index())
          Lavender0
          2017/11/16 13:03:59

          好哒,谢谢提的意见,默默的去优化代码

      回复