用jQuery 编写自定义插件
2012-03-06 16:55
120 查看
一、基本的代码结构:
方法一:
方法二:
二、具体实例:
q: 加减法功能
方法一:
[b]方法二:[/b]
[b]调用代码:[/b]
方法一:
//name : 插件名 (function(){ $.fn.name = function(options){ //自定义参数对象(插件自带) for example var defaults = { value1 : 'a', value2 : 'b' }; var opts = $.extend(defaults,options); //此处options为用户设置的参数对象(用户传参) //实现插件的代码 bla bla bla } })(jQuery);
方法二:
(function(){ $.fn.extend({ //name1,name2 对象名 name1 : function(){ //功能代码 }, name2 : function(){ //功能代码 }, //其他功能 }); })(jQuery);
二、具体实例:
q: 加减法功能
方法一:
(function(){ $.fn.add = function(options){ var defaults = {a:0,b:0}; var opts = $.extend(defaults,options); return opts.a + opts.b; } $.fn.dev = function(options){ var defaults = {a:0,b:0}; var opts = $.extend(defaults,options); return opts.a - opts.b; } })(jQuery);
[b]方法二:[/b]
(function(){ $.fn.extend({ add : function(a,b){ var n = a + b; return n; }, dev : function(a,b){ var n = a - b; return n; } }); })(jQuery);
[b]调用代码:[/b]
var n = $(this).add(3,2); alert(n); //5 var m = $(this).dev(3,2); alert(m);//1
相关文章推荐
- 自定义JQuery插件编写
- 用jQuery 编写自定义插件
- 自己编写Jquery弹出层插件,多种自定义...不断更新中...
- 编写jquery 自定义插件
- 【jQuery基础学习】08 编写自定义jQuery插件
- jQuery自定义插件编写
- 编写jQuery插件的格式与自定义
- 简便使用jQuery(下)-jQuery自定义插件的编写
- jquery1.9.1自定义插件简述
- 自定义jQuery插件Step by Step
- 用jquery编写的tab插件
- 编写jQuery插件
- jQuery插件编写:Why use the Widget Factory(四)
- 编写自己的jQuery提示框(Tip)插件
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
- 使用超棒超简单的自定义jQuery幻灯插件 Cycle2
- 编写一个jQuery的扩展方法(插件)
- 自定义jquery模态窗口插件无法在顶层窗口显示问题
- JQuery如何自定义插件——$.fn的使用
- 编写JQuery插件示例