学习笔记:基于jquery的tab切换函数
2011-01-13 22:45
537 查看
接触JQUERY不太久,这是一个处理TAB标签切换的函数,基于click事件,mouseover事件稍作修改即可
/*tab切换函数 * tabid: tab标签父节点ID * arguments[1]: 活动标签classname,默认为:on * arguments[2]:内容父节点ID,默认为:tabid_con * DEMO: $.tab(tabid); */ jQuery.tab = function(tabid){ var clson = chkp(arguments[1])?arguments[1]:"on"; var conid = chkp(arguments[2])?arguments[2]:tabid+"_con"; $("#"+tabid).children().each(function(i){ $(this).click(function(){ $(this).addClass("on").siblings().removeClass("on"); $("#"+conid).children().eq(i).show().siblings().hide(); }) }) }
相关文章推荐
- JQuery学习笔记 实现图片翻转效果和TAB标签切换效果第1/2页
- JQuery学习笔记 实现图片翻转效果和TAB标签切换效果第1/2页
- jQuery学习笔记之十四------工具函数
- jQuery学习笔记——$.grep()工具函数
- jQuery 学习笔记之十五 图片切换效果
- jQuery学习笔记——$()工厂函数找你所找
- jQuery学习笔记八:遍历函数集合
- 基于jquery的tab切换
- jQuery学习笔记(基于jquery.1.10.2进行的验证)之一
- jQuery学习笔记之jQuery构建函数的7种方法
- 【锋利的JQuery-学习笔记】Tab选项卡的实现
- MaterialDesign学习笔记2:TabLayout+ViewPaper实现滑动切换
- jQuery学习笔记--标签切换
- learning jQuery 学习笔记九(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----操作属性
- jQuery学习笔记之jQuery构建函数的7种方法
- IOS开发基础教程学习笔记3 使用Tab Bar切换视图
- jQuery学习笔记(3)-操作jQuery包装集的函数
- learning jQuery 学习笔记十一(+jQuery 1.4.1 API)-- DOM操作-基于命令改变页面 ----移动元素
- jquery源码学习笔记:自执行匿名函数剖析
- 基于jquery的tab切换 js原理