trim对应正则下几种写法的区别

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title></title>
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        //本文写于这样的一种环境下:
        //前提: 系统要求用jquery1.3.2
        //某一表格, 要求在一行中, 在没有文本的情况下, 做一些处理.
        //这个好办, 取tr的text, 再用jquery的trim
        //在FF下是可行的, 但在IE下,  无法trim ,
        //怎么回事呢? 原来是jquery1.3.2的trim有缺陷, 无法识别 形成的空白符.
        //试了试其它高版本的jquery, 又可行了, 很想弄清这些东东的区别, 于是就有这此文.

        //JQuery1.3.2 ( 传统的 String.prototype.trim )
        String.prototype.trim = function () {
            //return this.replace(/[(^\s+)(\s+$)]/g,"");//会把字符串中间的空白符也去掉
            //return this.replace(/^\s+|\s+$/g,""); //
            return this.replace(/^\s+/g, "").replace(/\s+$/g, "");
        }
        //JQuery1.4.2
        // \s : 任意空白符; 
        // \u00A0 : ascii码中的空白符
        // ^ : 字符串的开始
        // $ : 字符串的结束
        // /g : 全局匹配. 因为一个正则表达式只能进行一次匹配,(\s|\u00A0)+匹配了前面的空格后就退出了  
        //    开头是(任意的空白符或者ascii码中的空白符)重复一次或者多次, 
        //或者结尾是(任意的空白符或者ascii码中的空白符)重复一次或者多次
        String.prototype.trim2 = function () {
            return this.replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g, '');
        }
        //JQuery1.4.3 :不用全局匹配, 效率有所提升
        String.prototype.trim3 = function () {
            return this.replace(/^(\s|\u00A0)+/, '').replace(/(\s|\u00A0)+$/, '');
        }
        $(function () {
            var arr = [];
            arr[0] = $("#tab1 tr:eq(0)").text().trim();
            arr[1] = $("#tab1 tr:eq(1)").text().trim2();
            arr[2] = $("#tab1 tr:eq(2)").text().trim3();
            for (var i in arr) {
                alert("["+arr[i] + "]");
            }
        });
    </script>
</head>
<body>
    <table id="tab1" border="1" cellpadding="1" cellspacing="1">
        <tr><td>     第一行:01/01/2001</td><td>    </td><td>    </td></tr>
        <tr><td>     第二行:02/02/2002</td><td>    </td><td>    </td></tr>
        <tr><td>     第三行:03/03/2003</td><td>    </td><td>    </td></tr>
    </table>
</body>
</html>


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yenange/article/details/6888424
个人分类: 前端 - JS
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭