推荐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插件模板。他太灵活了。