【JQuery】自定义类级别插件—— twoaddresult

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/happyhaojie/article/details/51103062
通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为:

$.addNum(p1,p2) 和 $.subNum(p1,p2)

上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。


    <body>
        <div id="divtest">
            <div class="title">
                <span class="fl">自定义类级别插件</span> 
                <span class="fr">
                    <input id="btnCount" type="button" value="计算" />
                </span>
            </div>
            <div class="content"> 
                两数相减:
                <input id="Text1" type="text" class="txt" />
                -
                <input id="Text2" type="text" class="txt" />
                =
                <input id="Text3" type="text" class="txt" />
            </div>
        </div>
        
        <script type="text/javascript">    
            $(function () { 
                $("#btnCount").bind("click", function () {
                    $("#Text3").val(
                        $.subNum( $("#Text1").val(),'0'+$("#Text2").val())
        			);
                });
            });
        </script>
    </body>



注意:为什么要加0?

先看看引入的<script src="http://www.imooc.com/data/jquery.twoaddresult.js" type="text/javascript"></script>文件,定义了只有在第一个数大于第二个数的时候执行减法才是正确的,否则就为0。回到你的问题,前面加0,是为了让第二个数小于第一个数一直成立。比如输入第一个数是3,第二个数是5。前面加0,就变成第一个数是3,第二个数是05,编译器认为3>05成立,执行减法,输出结果3-5=-2.




猜你喜欢

转载自blog.csdn.net/happyhaojie/article/details/51103062
今日推荐