jquery的index方法实现tab效果
更新时间：2011年02月16日 16:12:16 作者：
jquery的index方法实现tab效果，需要的朋友可以参考下。
左侧为选项卡，右侧为详细内容。
原理：
点击左侧的列表项，根据所选列表项在列表的[索引n]显示第n个内容。
（首先需要将列表和内容一次性加载到页面，内容只显示第一个，这样切换起来更友好。）
如何获取选择列表项在列表中的索引：
jquery里有一个方法是index([subject])
$("#ul li").index($("#selected"));
意思是 首先设定列表范围（#ul li列表），然后返回$("#selected")元素在列表中的索引。
获取到索引之后，在用$("#detail").hide(); $("#detail").eq(n).show(); 来显示相同索引的详情。（选项列表样式切换同理）
只用了5行。
相关文章
如何避免JQuery Dialog的内存泄露，需要的朋友可以参考下。2010-06-06
这篇文章主要介绍了三分钟带你玩转jQuery.noConflict() 的相关资料,需要的朋友可以参考下2016-02-02
下面小编就为大家带来一篇jquery输入数字随机抽奖特效的简单实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了jquery判断小数点两位和自动删除小数两位后的数字,需要的朋友可以参考下2014-03-03
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
这篇文章主要介绍了jQuery实现漂亮实用的商品图片tips提示框效果,具有鼠标滑过显示动态提示框的效果,涉及针对鼠标事件的响应及页面元素动态操作技巧,需要的朋友可以参考下2016-04-04
用JQuery 实现AJAX加载XML并解析的脚本2009-07-07
我们都知道，在传统的排版当中使用DIV+CSS来实现的话是很困难的，今天使用jquery插件，你可以实现卓越的排版效果，专门用于为您提高您的排版水平2012-09-09
这篇文章主要介绍了按Enter键触发事件的jquery方法,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了jQuery带进度条全屏图片轮播特效，图片轮播效果特别适合做产品展示，还带有进度条转接全屏图片展示，感兴趣的小伙伴可以参考下2015-09-09
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数，下面有个示例，不懂的朋友可以学习下2013-08-08
最新评论