jquery:如何开发自己的jQuery插件
2010-09-18 21:41
357 查看
1.在JQuery命名空间内声明一个特定的命名
我们可以这样调用:
2.接收参数来控制插件的行为;
来为我们的hilight插件添加指定前景和背景色的功能,我们需要在函数中允许一个object类型的选项设置。如下所展示的那样:
代码
现在,我们的插件可以这样来调用:
3.提供公有方法访问插件的配置项值;
上面的代码我们可以做一下改进,使得插件的默认值可以在插件之外被设置。这无疑是十分重要的,因为它使得插件用户可以使用最少的代码来修改插件配置,这其实是我们利用函数对象的开始。
$.fn.hilight = function() { //在这里输入你的插件执行代码 };
我们可以这样调用:
$('#myDiv').hilight();
2.接收参数来控制插件的行为;
来为我们的hilight插件添加指定前景和背景色的功能,我们需要在函数中允许一个object类型的选项设置。如下所展示的那样:
代码
$.fn.hilight = function(options) { var defaults = { foreground: 'red', background: 'yellow' }; var opts = $.extend(defaults, options); };
现在,我们的插件可以这样来调用:
$('#myDiv').hilight({ foreground:'blue' });
3.提供公有方法访问插件的配置项值;
上面的代码我们可以做一下改进,使得插件的默认值可以在插件之外被设置。这无疑是十分重要的,因为它使得插件用户可以使用最少的代码来修改插件配置,这其实是我们利用函数对象的开始。
$.fn.hilight = function(options) { var opts = $.extend({}, $.fn.hilight.defaults, options); }; $.fn.hilight.defaults = { foreground: 'red', background: 'yellow' };
相关文章推荐
- 如何自己开发一款js或者jquery插件
- 如何自己开发一款js或者jquery插件
- 如何自己开发一款js或者jquery插件
- 【jquery】如何自己开发一个简单的jquery 插件
- 如何自己开发一款js或者jquery插件
- [置顶] 如何自己开发一款js或者jquery插件
- 如何自己开发一款js或者jquery插件
- 【转】如何自己开发一款js或者jquery插件
- 如何自己开发一款js或者jquery插件
- 如何自己开发一款js或者jquery插件
- 自己动手开发jQuery插件
- 如何在Eclipse中开发并调试自己的插件(或者说如何将自己的代码插件化)
- 自己动手开发jQuery插件
- 教你如何开发jQuery插件
- 自定义 jQuery 插件, 自己开发的一个Demo
- JQuery插件开发之如何实时显示被隐藏的输入框密码
- 【自己开发】Jquery的loading插件
- php 网站添加视频,如何实现这种效果,自己开发,还是找视频插件商买
- 自己动手开发jQuery插件全面解析 jquery插件开发方法