提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

jQuery方法插件开发 详解 两种 extend fn
2023-06-13 09:15:16 时间
jQuery插件开发分为两种：

1类级别

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

开发扩展其方法时使用$.extend方法，即jQuery.extend(object);
复制代码代码如下:

$.extend({

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

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

页面中调用：
复制代码代码如下:

vari=$.add(3,2);
varj=$.minus(3,2);

2对象级别

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

开发扩展其方法时使用$.fn.extend方法，即jQuery.fn.extend(object);
复制代码代码如下:
$.fn.extend({

check:function(){
returnthis.each({
this.checked=true;
});
},
uncheck:function(){
returnthis.each({
this.checked=false;
});
}
});

页面中调用：
复制代码代码如下:
$("input[type=checkbox]").check();
$("input[type=checkbox]").uncheck();

3、扩展
复制代码代码如下:
$.xy={
add:function(a,b){returna+b;},
minus:function(a,b){returna-b;},
voidMethod:function(){alert("void");}
};
vari=$.xy.add(3,2);
varm=$.xy.minus(3,2);
$.xy.voidMethod();

相关文章