用jQuery 编写自定义插件
2015-04-25 13:36
387 查看
一、基本的代码结构:
方法一:
方法二:
二、具体实例:
方法一:
方法二:
调用代码:
方法一:
//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);
二、具体实例:
方法一:
(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);
方法二:
(function(){ $.fn.extend({ add : function(a,b){ var n = a + b; return n; }, dev : function(a,b){ var n = a - b; return n; } }); })(jQuery);
调用代码:
var n = $(this).add(3,2); alert(n); //5
var m = $(this).dev(3,2); alert(m);//1
相关文章推荐
- 自定义JQuery插件编写
- 编写jquery 自定义插件
- 用jQuery 编写自定义插件
- 【jQuery基础学习】08 编写自定义jQuery插件
- 自己编写Jquery弹出层插件,多种自定义...不断更新中...
- 编写jQuery插件的格式与自定义
- jQuery自定义插件编写
- 简便使用jQuery(下)-jQuery自定义插件的编写
- jquery自定义插件-参数化配置多级菜单导航栏插件
- jQuery编写插件的小实例
- jquery 自定义插件开发整理
- cena评测系统:自定义校验器(自定义评测插件编写)
- 插件编写---jquery源码品读之入口extend(1)
- Jquery自定义滚动条插件
- 用jQuery编写轮播图插件
- jQuery - 编写jQuery插件的基本形式(上)
- jQuery $.fn.extend方式自定义插件
- jquery自定义滚动条插件示例分享
- jQuery 自定义插件 (分页控件)
- 自定义jQuery插件Step by Step