首先,让我们来看一下最传统的jQuery
插件定义方式:
复制代码代码如下所示:
(
函数($){)
美元。插件名称=函数(
设置){
默认参数 VAR设置= { {
具有默认参数和
用户定义参数。
设置=美元。
扩展(默认设置,设置);
返回this.each(
功能)}({ / / / /代码);插件出现在元多次
})(jQuery);
先看看模板中的第一行代码(当然,我们必须拔出代码的后半部分去看它,否则第一行就毫无意义)。
复制代码代码如下所示:
(函数($){)
}(jQuery);
这一行代码实际上用于
创建匿名函数。如果您不理解匿名函数和闭包,那么您将对代码感到非常困惑。强烈建议您阅读文章{
详细的Javascript匿名函数和闭包}。
jQuery的继承
方法,$扩展,在jQuery插件的开发中起着重要的
作用,它用于合并参数。
复制代码代码如下所示:
美元。fn.tip =功能(设置){
VAR设置= { {
颜色
颜色:'',
延迟
超时:200 }
具有默认参数和用户定义参数的。
设置=美元。扩展(默认设置,设置);
警报(设置
输入);}
jQuery插件定义了第二种方式:
复制代码代码如下所示:
(函数($){)
定义名称更改插件
美元。fn.tabpanel =函数(方法){
VaR方法fn.tabpanel.methods =美元;
如果(方法{方法}){
回归方法{方法}。应用(这array.prototype.slice.call(参数1));
如果(typeof方法}方法{ 'object ' = | |!)
返回methods.init.apply(这个参数);
{人}
}
}
支持方法
fn.tabpanel.methods =美元。
{
初始化
初始化:功能(p_options){
TabpanelBind(p_options,这个);
},
问题补充:功能(p_options){
AddTab(p_options,这个);
TabpanelBind(p_options,这个);
调试器
} }
添加函数(p_options){
无功_defaults = { {
}
内部实现/省略…_index…的回报;
}
})(jQuery);电话$(#队),Tabpanel('add,);
那么,以上2种发展方法
都是最常用的,年轻的合作伙伴要好好
学习,后续更深入地
介绍。