您的位置:首页 > Web前端 > JQuery

用jQuery 编写自定义插件

2012-03-06 16:55 120 查看
一、基本的代码结构:

  方法一:

//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






内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: