zoukankan      html  css  js  c++  java
  • jquery插件的2种扩展开发(jQuery.extend和jQuery.fn.extend的区别)

    1.类级别

    jQuery.extend(object)

    类级别你可以理解为拓展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.对象级别

    jQuery.fn.extend(objetc)

    对象级别则可以理解为基于对象的拓展,如$("#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();

     详细文章:http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html

  • 相关阅读:
    【二食堂】Alpha
    【二食堂】Alpha- 发布声明
    【Beta】Scrum Meeting 4
    【Beta】Scrum Meeting 3
    【Beta】Scrum Meeting 2
    【Beta】Scrum Meeting 1
    beta设计和计划
    alpha事后分析
    alpha项目展示
    Scrum Meeting 最终总结
  • 原文地址:https://www.cnblogs.com/jsStudyjj/p/4900064.html
Copyright © 2011-2022 走看看