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


Posted in Javascript onJanuary 16, 2014

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();
Javascript 相关文章推荐
showModelessDialog()使用详解
Sep 07 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
jquery 多行滚动代码(附详细解释)
Jun 17 Javascript
JAVASCRIPT函数作用域和提前声明 分享
Aug 22 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
Feb 02 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
JavaScript原型链详解
Nov 07 Javascript
js查找某元素中的所有图片地址的方法
Jan 16 #Javascript
jQuery - css() 方法示例详解
Jan 16 #Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 #Javascript
jquery对元素拖动排序示例
Jan 16 #Javascript
jsPDF生成pdf后在网页展示实例
Jan 16 #Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 #Javascript
js获取某元素的class里面的css属性值代码
Jan 16 #Javascript
You might like
PHP实现多条件查询实例代码
2010/07/17 PHP
PHP 正则表达式之正则处理函数小结(preg_match,preg_match_all,preg_replace,preg_split)
2012/10/05 PHP
非常精妙的PHP递归调用与静态变量使用
2012/12/16 PHP
mac下Apache + MySql + PHP搭建网站开发环境
2014/06/02 PHP
PHP获取文件相对路径的方法
2015/02/26 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
2011/09/20 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
2012/12/28 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
JQuery性能优化的几点建议
2014/05/14 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
兼容浏览器的js事件绑定函数(详解)
2017/05/09 Javascript
JS设计模式之单例模式(一)
2017/09/29 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
2018/02/24 Javascript
微信小程序使用map组件实现路线规划功能示例
2019/01/22 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
2019/05/16 Javascript
Python urllib、urllib2、httplib抓取网页代码实例
2015/05/09 Python
Python实现多线程抓取妹子图
2015/08/08 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
对python内置map和six.moves.map的区别详解
2018/12/19 Python
python dlib人脸识别代码实例
2019/04/04 Python
python实现美团订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python中的反斜杠问题深入讲解
2019/08/12 Python
用python进行视频剪辑
2020/11/02 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
基于Jquery和Css3代码制作可以缩放的搜索框
2015/11/19 HTML / CSS
巴西电子、家电、智能手机购物网站:Girafa
2019/06/04 全球购物
家居饰品店创业计划书
2014/01/31 职场文书
调解员先进事迹材料
2014/02/07 职场文书
2016新年问候语大全
2015/11/11 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android