• JavaScript函数封装调用


    举个列子:我们在写前端页面,经常会使用到Jquery文本框内容,来判断一下输入值是否符合,常见的写法:

    <script>
    function test(){
    $("#ID").click(){XXXXX};
    }
    </script>

    这个页面写了个方法,结果发现另外一个页面还要写同样的,于是,就会写到js中

    引入,调用

    function test(){
    XXXXX
    }
    
    
    
    页面调用
    <sctipt>
    test()
    
    
    </sctipt>
    这也是一种封装,
    还有一种封装方法是
    test= function(){
    XXX
    }
    然后页面调用
    test()

    现在,我换种封装方法

    +function ($) {

    let Judge = (function () {
    let _divsuccess ='has-succes';
    let span_succes = 'glyphicon-ok';
    let _diverror = 'has-error';
    let span_type = 'glyphicon-remove';
    let Success = function (_class) {
    $("." + _class).addClass(_divsuccess).removeClass(_diverror);
    $("." + _class + " span").addClass(span_succes).removeClass(span_type);
    }
    let Error = function (_class) {
    $("." + _class).addClass(_diverror).removeClass(_divsuccess);
    $("." + _class + " span").addClass(span_type).removeClass(span_succes);

    
    

    }
    return {
    Success,
    Error
    }

    
    

    })();

    
    }(jQuery);

    调用 : Judge.Error("inputStuid_label"); 

    End

  • 相关阅读:
    POJ 3252 Round Numbers
    HDU 1024 Max Sum Plus
    HDU 1024 Max Sum Plus Plus
    HDU 1698 Just a Hook
    HDU 1049 Climbing Worm
    HDU 3386 Reversi
    树状数组总结
    HDU 1556 Color the ball
    树形数组
    HDU 1188 敌兵布阵
  • 原文地址:https://www.cnblogs.com/whatarey/p/11143098.html
Copyright © 2020-2023  润新知