zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Unity 小笔记
    UE4 Pure函数的特点
    C++ const总结
    配色问题lingo实现
    选址问题lingo求解
    迷宫问题python实现(靠右手摸墙)
    环形队列C++实现
    排队论的C实现
    递归实现全排列序列C语言实现
    双人贪吃蛇小游戏C++原创
  • 原文地址:https://www.cnblogs.com/whatarey/p/11143098.html
Copyright © 2011-2022 走看看