jQuery插件开发的两种方法及$.fn.extend的详解
2016-07-05 14:48
871 查看
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();
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();
相关文章推荐
- Jquery dom搜索之siblings()方法
- JQuery JavaScript 校验
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- 前端性能优化:jquery的each为什么比原生的for循环慢很多?
- 前端性能优化:jquery性能优化
- jQueryValidate 插件(表单验证功能)
- jquery中attr和prop的区别
- jquery文件上传控件 Uploadify
- jQuery无刷新上传之uploadify简单试用
- jQuery无法绑定新增元素click事件的解决方案
- jquery获得select option的值 和对select option的操作
- jquery checkbox
- jquery 加载提示框
- Jquery Ajax 的例子。
- jQuery 解析 JSON 数据
- jQuery EasyUI 教程
- JQuery uploadify 的使用
- jquery相关
- jQuery 2.0.3 源码分析 回溯魔法 end()和pushStack()
- 如何通过JQuery将DIV的滚动条滚动到指定的位置