推荐jQuery插件模板
我用jQuery已经很长时间了,我经常为它写一些插件,我试着用不同的方式写,现在这个模板是我最喜欢的:复制代码代码如下所示:
(函数($){)
插件可以在这里重复
(function(pluginname){
var默认值= {
颜色:黑的,
TestFor:功能(DIV){
返回true;
}
};
美元。FN { pluginname } =功能(选项){
选项=扩展(true,默认值,选项{);
返回this.each(函数(){()
var elem =这,
elem =(元)美元美元;
插件的内脏
如果(options.testfor(元素)){
elem.css美元({
带:1,
'solid的边框样式,
边框颜色:options.color
});
}
});
};
美元。FN { pluginname }默认=违约;
})('borderize);
}(jQuery);
下面是使用
$('div)。Borderize();
$('div)。Borderize({ color:'});
以下是我喜欢模板的原因
1。即使在重写(对父属性的简单访问)中,仍然可以访问内部的默认选项。
2。通过修改pluginname改变插件的名字。(这种方式也是非常好的代码压缩)
1点的#是非常强大的,例如,我们要重写此方法,但仍要保持原来的方法,我们可以看看下面的例子:
复制代码代码如下所示:
$('。borderize)。Borderize({
TestFor:功能(元){
var elem =美元美元(元);
如果(elem.is('无效')){
返回false;
{人}
父函数
返回fn.borderize.defaults.testfor.apply(这个参数);
}
}
});
我们甚至可以使用像这样的规则属性
无功somevarthatmaybeset = false;
代码…
$('。borderize)。Borderize({
颜色:somevarthatmaybeset'red:fn.borderize.defaults.color美元。
});
伙计们,你也会喜欢这个jQuery插件模板。他太灵活了。