Feb
28
2017
带参数的jQuery插件的开发方法
作者:
绝缘体.. 发布:
2017-02-28 14:14 分类:
未分类 阅读:
抢沙发
带参数的jQuery插件的开发方法。
1.在jQuery命名空间内声明一个特定的命名。
$.fn.myStyleOne = function() {
//在这里输入你的插件执行代码
};
我们可以这样调用:
$('#myDiv').myStyleOne();
2.接收参数来控制插件的行为;
来为我们的myStyleOne插件添加指定前景和背景色的功能,我们需要在函数中允许一个object类型的选项设置。如下所展示的那样:
$.fn.myStyleOne = function(options) {
var defaults = {
foreground: 'red',
background: 'yellow'
};
var opts = $.extend(defaults, options);
};
现在,我们的插件可以这样来调用:
$('#myDiv').myStyleOne({
foreground:'blue'
});
3.提供公有方法访问插件的配置项值;
上面的代码我们可以做一下改进,使得插件的默认值可以在插件之外被设置。这无疑是十分重要的,因为它使得插件用户可以使用最少的代码来修改插件配置,这其实是我们利用函数对象的开始。
$.fn.myStyleOne = function(options) {
var opts = $.extend({}, $.fn.myStyleOne.defaults, options);
};
$.fn.myStyleOne.defaults = {
foreground: 'red',
background: 'yellow'
};
微信扫一扫,打赏作者吧~