(function($){
var Tab=function(el){
var _this=this;
this.el=el;
//配置默认参数
this.config={}
//如果参数存在就扩展默认的参数
if(this.getConfig()){
$.extend(this.config,this.getConfig())
}
};
Tab.prototype={
//添加方法
xxx:function(){},
//获取配置的参数
getConfig:function(){
//拿一下dom的data-config
var config = this.el.attr('data-config');
//确保有配置的参数
if(config&&config!=''){
return $.parseJSON(config)
}else{
return null
}
}
};
//封装为jq方法
$.fn.extend({
tab:function(){
//this指代调用的元素集合
this.each(function(){
//this指代每一个元素
new Tab($(this))
})
return this;//链式调用
}
});
window.Tab=Tab;
}(jQuery));
调用:$(div).tab()
相关文章
- jQuery:收集一些基于jQuery框架开发的控件/jquery插件。(2)
- angular2怎么使用第三方的库(jquery等)
- jquery自定义对话框alert、confirm和prompt jQuery Alert Dialogs,又一个基于jQuery的提示框插件,主要包括Alert、Confirm、prompt这三种,还有一个高级范例,可以在提示框内嵌入HTML语言,可以自定义风格样式。jQuery的提示框插件有很多种,每一款都是出自不同的高人之手,因此都比较有自己的特点,包括风格和使用方法等。
- 自己封装一个简单的ajax插件
- 【转】.NET(C#):浅谈程序集清单资源和RESX资源 关于单元测试的思考--Asp.Net Core单元测试最佳实践 封装自己的dapper lambda扩展-设计篇 编写自己的dapper lambda扩展-使用篇 正确理解CAP定理 Quartz.NET的使用(附源码) 整理自己的.net工具库 GC的前世与今生 Visual Studio Package 插件开发之自动生
- Hadoop2 自己动手编译Hadoop的eclipse插件
- ajax实现注册用户名时动态显示用户名是否已经被注册(1、ajax可以实现我们常见的注册用户名动态判断)(2、jquery里面的ajax也是类似我们这样封装了的函数)
- 自己写的一个简单的jQuery提示插件
- qTip2 精致的jQuery提示信息插件
- 学了一个封装的jquery插件,感觉还成