设为首页 加入收藏

TOP

[js高手之路]jquery插件开发实战-选项卡详解(二)
2017-10-10 15:16:18 【大 中 小】 浏览:10019次
Tags：高手 jquery 插件 开发 实战 选项 详解
Type, function () { 12 $(this).attr("class", "active").siblings("li").attr("class",""); 13 var id = $(this).find("a").attr("href").substring(1); 14 obj.children("div").hide(); 15 $("#" + id, obj).show(); 16 }); 17 }; 18 })(jQuery);

 

1，一个自执行函数，把插件封装成模块，把jQuery对象传给形参$

2，第3行，定义一个默认配置，选项卡的触发类型，默认为点击事件

3，第4行，如果opt传参，就用opt的配置，否者就用第3行的默认配置，这行的作用就是为了在不改变插件源码的情况下，可以配置插件的表现形式

4，第7-9行，让选项卡第一个div显示，其余的都隐藏，让第一个tab加上class='active' 黄色高亮选中

5，第11-16行，点击对应的选项卡，让对应的div显示与隐藏

 
首页 上一页 1 2 下一页 尾页 2/2/2
【大 中 小】【打印】 【繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部】
上一篇：对象和变量的区别 下一篇：javascript中如何实现继承

最新文章

前端简介
浅尝https
Turn.js 实现翻书效果(自适应单双页)
console的各种输出格式
浅谈个人对客户端JavaScript同步、..

热门文章

【前端小小白的学习之路】vue学习记..
Bootstrap提示框
前端通用框架可行性研究报告之弹窗
echarts饼图扇区添加点击事件
web前端开发初学者必看的学习路线（..

Hot 文章

【前端小小白的学习之路】vue学习记..
Bootstrap提示框
前端通用框架可行性研究报告之弹窗
echarts饼图扇区添加点击事件
web前端开发初学者必看的学习路线（..

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目