jQuery插件开发的两种方法及$.fn.extend的详解
2015-12-21 14:41
676 查看
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();
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();
相关文章推荐
- 关于jquery的rorate插件在IE7,8下不转动的问题
- 【转】jquery获取页面跳转的传值
- jquery selectize插件使用
- jQuery实践树(2)
- 七个不允许错过的jQuery小技巧
- Jquery easyui中的有效性检查
- JQuery获取Checkbox组的值
- jquery获取地址栏的get参数
- 用JQuery操作元素的style属性
- BBOSS框架使用jquery方式传參到后台的时候,要注意的事项
- Js/Jquery获取iframe中的元素
- jQuery焦点图插件SaySlide
- jquery 插件扩展2
- jquery 插件扩展
- jQuery学习笔记(三)
- jquery实现删除一个元素后面的所有元素功能
- jQuery Validate 表单验证
- jquery中attr和prop的区别
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- jQuery中的mouseleave和mouseout的区别