我使用jQuery已经有相当长的时间了,并且我会常常为它写一些插件(plugin)。我尝试过用不同的方式去写,现在这个模板是我最喜欢的:
;(function($) {
// multiple plugins can go here
(function(pluginName) {
var defaults = {
color: 'black',
testFor: function(div) {
return true;
}
};
$.fn[pluginName] = function(options) {
options = $.extend(true, {}, defaults, options);
return this.each(function() {
var elem = this,
$elem = $(elem);
// heres the guts of the plugin
if (options.testFor(elem)) {
$elem.css({
borderWidth: 1,
borderStyle: 'solid',
borderColor: options.color
});
}
});
};
$.fn[pluginName].defaults = defaults;
})('borderize');
})(jQuery);
//下面是用法
$('div').borderize();
$('div').borderize({color: 'red'});
以下是我喜欢这种模板的原因
1. 你仍然可以访问里面的默认选项,即便它被重写了(简单地通过父属性的访问)
2. 通过修改pluginName即可更改插件的名字。(这种方式对代码压缩也非常有利)
第#1点非常强大,比如说我们希望复写这个方法,但是仍然希望保留原来的方法,我们可以看下面的例子:
$('.borderize').borderize({
testFor: function(elem) {
var $elem = $(elem);
if (elem.is('.inactive')) {
return false;
} else {
// calling "parent" function
return $.fn.borderize.defaults.testFor.apply(this, arguments);
}
}
});
We can even do this with regular properties like this
var someVarThatMayBeSet = false;
/* code ... */
$('.borderize').borderize({
color: someVarThatMayBeSet ? 'red' : $.fn.borderize.defaults.color
});
小伙伴们,你们也会喜欢上这款jQuery插件模板的吧,他实在是太灵活了。
本文向大家介绍24款热门实用的jQuery插件推荐,包括了24款热门实用的jQuery插件推荐的使用技巧和注意事项,需要的朋友参考一下 Vanity Toolset vanity toolset是一套方便的UI工具集,可以帮助你快速的搭建幻灯,聚光灯,占位,收放相关的UI,它完成了大部分的UI功能,你只需要花费很少时间就可以构建一个完整功能的UI percentageloader 这个漂亮的进度条
本文向大家介绍推荐十款免费 WordPress 插件,包括了推荐十款免费 WordPress 插件的使用技巧和注意事项,需要的朋友参考一下 2015必备wordpress插件列表。为了增强wordpress站点,一些优秀有效的免费wordpress 插件是必不可少的。 WordPress 插件用于提升 wordpress 站点的功能。正如你所知道的,wordpress 是最流行的内容管理系统(CM
本文向大家介绍jquery插件锦集【推荐】,包括了jquery插件锦集【推荐】的使用技巧和注意事项,需要的朋友参考一下 本篇的由来是群里面某个朋友提到说:有没有一个倒计时的特效,格式如分钟:秒;由此思考了下,觉得弄几个常用效果的js小插件还是不错的,可以供大家学习和使用,这里我取名为:shenniu.effect.js;希望大家喜欢,多多点赞支持: . 时钟效果 . 倒计时 . 全选效果 . ta
wallabyjs Intelligent and super fast test runner for JavaScript/TypeScript/CoffeeScript. https://wallabyjs.com/ ext install wallaby-vscode
NERDTree NERDTree 是 Vim 中的文件浏览插件,可以通过命令打开/关闭目录树并浏览/打开文件。 EasyAlign EasyAlign 是一款用来做字符对齐的插件,简直是强迫症患者的福音。 Airline & Themes Airline 可以在 Vim 中显示更友好的状态栏,再配以漂亮的配色,工作更开心。
本文向大家介绍推荐10款扩展Web表单的JS插件,包括了推荐10款扩展Web表单的JS插件的使用技巧和注意事项,需要的朋友参考一下 在网站建设中,你可以使用java开发大量酷炫的特效放到你网站上,但我们知道,互联网上也有很多开源的js库和插件可供选择。如果你正在设计用户注册/登录,访客留言或活动报名等自定义表单,那么下面这些插件,可以让你的表单获得更好的用户体验。 JCF Forms 我最喜欢的一