jQuery工具--jQuery.isNumeric(value)和jQuery.trim(str)

jQuery.isNumeric(value)

概述

确定它的参数是否是一个数字。

$.isNumeric() 方法检查它的参数是否代表一个数值。如果是这样，它返回 true。否则，它返回false。该参数可以是任何类型的

参数

value 用于测试的值

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title><script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("button").click(function(){
                    var inputText=$("input").val();
                    if(inputText==""){
                        $("#error").html("请输入内容！");
                    }else{
                        //$.isNumeric()确定它的参数是否是一个数字
                        alert($.isNumeric(inputText));
                    }
                });
            });
        </script>
    </head>
    <body>
        <input type="text" id="isNumber" />
        <button>点击</button>
        <div id="error" style="color:red"></div>
    </body>
</html>

jQuery.trim(str)

概述

去掉字符串起始和结尾的空格

参数

str 需要处理的字符串

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("button").click(function() {
                    var buttonValue = $(this).html();
                    var htmlTxt;
                    if(buttonValue == "点击") {
                        htmlTxt = $("p").html();
                        alert(htmlTxt.length);
                        $(this).html("再次点击");
                    } else if(buttonValue == "再次点击") {
                        htmlTxt = $("p").html();
                        //去掉字符串起始和结尾的空格
                        alert($.trim(htmlTxt).length);
                        $(this).html("点击");
                    }
                });
            });
        </script>
    </head>

    <body>
        <p> hello, how are you? </p>
        <button>点击</button>
    </body>

</html>

posted @ 2018-12-04 14:25 风拂晚柳阅读(174) 评论(0) 收藏举报

刷新页面返回顶部