jQuery插件研发的两种方法及$.fn.extend的详解

发布时间：2023-09-23 14:55:49 所属栏目：教程来源：

导读：jQuery插件开发分为两种：

1 类级别

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

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

代码如下:

$.

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();

3、扩展

代码如下:

$.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();

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!