Jquery_如何扩展方法

jQuery 别名 $

一.  类级别扩展方法(比如$.ajax(...))

 1> 单个全局方法

$.testExtend = function (){
console.log("单个全局方法");
}
# 调用:$.testExtend();

2> 多方法继承 

$.extend({
func01 : function(){
console.log("func01");
},
func02 : function(){
console.log("func02");
},
func03 : function(){
console.log("func03");
}
}) 
# 调用:$.func01()/$.func02()/$.func03()

 3> 自定义命名空间(个人理解为类,上面两种的结合) 

$.space = {
func01 : function(){
console.log("func01");
},
func02 : function(){
console.log("func02");
},
func03 : function(){
console.log("func03");
}
}
# 调用: $.space.func01();

二.  对象下扩展方法

 1> 最简单的一种

$.fn.func01 = function(){
console.log("func01");
}
# 调用: $("#btn").func01();

2> 多方法

(function($){
$.fn.extend({
testing:function(opt,callback){
console.log("testing");
},
testing1:function(opt,callback){
console.log("testing1");
}
})
})(jQuery);
# 调用:$("#btn").testing($(this),function(){});
(function (ee) {
ee.fn.f1 = function (obj) {
alert(obj+"f1");
};
ee.fn.f2 = function (obj) {
alert(obj+"f2");
};
})(jQuery)
# 调用:$("#btn").f1("hello");
上一篇:OCA读书笔记(9) - 管理数据同步


下一篇:Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十二】