左侧为选项卡，右侧为详细内容。 原理： 点击左侧的列表项，根据所选列表项在列表的[索引n]显示第n个内容。 （首先需要将列表和内容一次性加载到页面，内容只显示第一个，这样切换起来更友好。） 如何获取选择列表项在列表中的索引： jquery里有一个方法是index([subject]) $("#ul li").index($("#selected")); 意思是 首先设定列表范围（#ul li列表），然后返回$("#selected")元素在列表中的索引。 获取到索引之后，在用$("#detail").hide(); $("#detail").eq(n).show(); 来显示相同索引的详情。（选项列表样式切换同理） 只用了5行。

　　推荐阅读

　　juqery 学习之六 CSS--css、位置、宽高

css(name) 访问第一个匹配元素的样式属性。 -------------------------------------------------------------------------------- Return a style property on the first matched element. 返回值 String 参数 nam>>>详细阅读

本文标题：jquery的index方法实现tab效果

地址：http://www.17bianji.com/kaifa2/JS/24932.html

 1/2    1