jQuery插件开发的两种方法

1 类级别

类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法

开发扩展其方法时使用$.extend方法,即jQuery.extend(object);

 $.extend({ 

     add:function(a,b){return a+b;} , 

     minus:function(a,b){return a-b;} 

 }); 

页面中调用: 直接$.(...)  

 var i = $.add(3,2);
var j = $.minus(3,2);

2 对象级别

对象级别则可以理解为基于对象的拓展,如$("#table").changeColor(...); 这里这个changeColor呢,就是基于对象的拓展了。

开发扩展其方法时使用$.fn.extend方法,即jQuery.fn.extend(object);

$.fn.extend({ 

    check:function(){
return this.each({
this.checked=true;
});
}, uncheck:function(){
return this.each({
this.checked=false;
});
} });
调用:
$('input[type=checkbox]').check();
$('input[type=checkbox]').uncheck();
$.xy = {
add:function(a,b){return a+b;} ,
minus:function(a,b){return a-b;},
voidMethod:function(){ alert("void"); }
}; var i = $.xy.add(3,2);
var m = $.xy.minus(3,2);
$.xy.voidMethod();
上一篇:javascript笔记——jQuery插件开发的几种方式


下一篇:C#后台调用前台javascript的五种方法小结