首先，让我们来看一下最传统的jQuery插件定义方式：

复制代码代码如下所示：

（函数（$）{）

美元。插件名称=函数（设置）{

默认参数

VAR设置= { {



具有默认参数和用户定义参数。



设置=美元。扩展（默认设置，设置）；



返回this.each（功能）}（{ / / / /代码）；插件出现在元多次



}）（jQuery）；





先看看模板中的第一行代码（当然，我们必须拔出代码的后半部分去看它，否则第一行就毫无意义）。

复制代码代码如下所示：

（函数（$）{）



}（jQuery）；



这一行代码实际上用于创建匿名函数。如果您不理解匿名函数和闭包，那么您将对代码感到非常困惑。强烈建议您阅读文章{详细的Javaｓｃｒｉｐｔ匿名函数和闭包}。

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种发展方法都是最常用的，年轻的合作伙伴要好好学习，后续更深入地介绍。