那么首先我们来简单的看一下最正统的 jQuery 插件定义方式:
} / 合并默认参数和用户自定义参数 /
settings = $.extend(defaultSettings,settings);
return this.each(function () { //代码 }); //插件在元素内多次出现
} })(jQuery);
先来看模板中的第一行代码(当然我们要把这一行代码的后半部分给揪出来一起看,不然第一行就完全无意义了):
})(jQuery);
这行代码其实是用于创建一个匿名函数。如果你对匿名函数和闭包不了解,将会对这种代码非常疑惑,那么强烈建议您阅读【】这篇文章。
jQuery 的继承方法 $.extend —— $.extend 在jQuery 插件开发中有个很重要的作用,就是用于合并参数。
}
jQuery 插件定义第二种方式:
}
}
//支持的方法
$.fn.tabpanel.methods =
{
//初始化
init: function (p_options) {
tabpanelBind(p_options,this);
},
add: function (p_options) {
addTab(p_options,this);
tabpanelBind(p_options,this);
// debugger
} }
function add(p_options) {
var _defaults = {
id: ""
}
//内部实现略.........
return _index;
}
})(jQuery);
调用 $("#team").tabpanel('add',"");
}
//支持的方法
$.fn.tabpanel.methods =
{
//初始化
init: function (p_options) {
tabpanelBind(p_options,this);
},
add: function (p_options) {
addTab(p_options,this);
tabpanelBind(p_options,this);
// debugger
} }
function add(p_options) {
var _defaults = {
id: ""
}
//内部实现略.........
return _index;
}
})(jQuery);
调用 $("#team").tabpanel('add',"");
好了,上面介绍的这2种开发方式都是最常用的,小伙伴们先好好学习下吧,后续我们再介绍的更深入些
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。