javascript笔记——jQuery插件开发的几种方式
2016-04-21 09:20
585 查看
jQuery插件开发分为两种:
1 类级别
类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法。
开发扩展其方法时使用$.extend方法,即jQuery.extend(object);
页面中调用:
2 对象级别
对象级别则可以理解为基于对象的拓展,如$("#table").changeColor(...); 这里这个changeColor呢,就是基于对象的拓展了。
开发扩展其方法时使用$.fn.extend方法,即jQuery.fn.extend(object);
页面中调用:
3、扩展
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-操作select下拉菜单
- Jquery validation remote 验证的缓存问题解决方法
- JQuery——基础
- jquery实现侧边栏左右伸缩
- JS、jQuery中select的用法详解
- jQuery的鼠标事件的区分
- jQuery实现动态添加删除输入框
- zepto.form.js 完美替代 jquery.form.js
- JS、jQuery中select的用法详解
- jQuery插件datatables使用教程
- jQuery 为元素添加事件
- jquery通过多个属性选择器过滤
- jquery中使用detach 移除元素的使用场合
- jquery的dialog
- jQuery+CSS3实现图片的无缝轮播
- jQuery Ajax 方法调用 Asp.Net WebService 以及调用aspx.cs中方法的详细例子
- JQuery 常用方法基础教程
- jQuery 菜单
- jquery源码学习2
- jquery源码学习1