jQuery.trim() 函數及trim()用法詳解_jquery-js教程-PHP中文網

jQuery.trim() 函數及trim()用法詳解_jquery

WBOY

發布： 2016-05-16 15:34:59

原創

2512 人瀏覽過

jQuery.trim()函數用於去除字串兩端的空白字元。此函數可以去除字串開始和末尾兩端的空白字元(直到遇到第一個非空白字串為止)。它會清除包括換行符、空格、製表符等常見的空白字元。

函數屬於全域的jQuery物件。

文法

jQuery 1.0 新增此靜態函數。

jQuery.trim( str )

参数	描述
str	String类型需要去除两端空白字符的字符串。

如果參數str不是字串類型，則函數將自動將其轉為字串(一般呼叫其toString()方法)。如果參數str為null或undefined，則傳回空字串("")。

回傳值

jQuery.trim()函數的傳回值為String類型，傳回移除兩端空白字串後的字串。

範例&說明

以下是與jQuery.trim()函數相關的jQuery範例程式碼，以示範jQuery.trim()函數的具體用法：

//在当前页面内追加换行标签和指定的HTML内容
function w( html ){
  document.body.innerHTML += "<br/>" + html;
}
// 输出两侧添加双引号，以便于区分字符串边界
w( '"' + $.trim( "  CodePlayer  " ) + '"'); // "CodePlayer"
// 只会去除两端的连续空白字符
w( '"' + $.trim( "  Code Player  " ) + '"'); // "Code Player"
w( '"' + $.trim( "\r\n\t  CodePlayer  \t" ) + '"'); // "CodePlayer"
w( '"' + $.trim( "" ) + '"'); // ""
w( '"' + $.trim( 12 ) + '"'); // "12"
w( '"' + $.trim( null ) + '"'); // ""
w( '"' + $.trim( undefined ) + '"'); // ""
w( '"' + $.trim( new Object() ) + '"'); // "[object Object]"

登入後複製

jquery中trim()的用法

<html>
<head>
<title>$.trim()</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var sString = " 1234567890 ";
sString = $.trim(sString);
alert(sString.length);
</script>
</head>
<body>
</body>
</html>

登入後複製

如果你在IE8瀏覽器下開發網站，其實這是個假命題，因為原生的javascript 並不支援.trim()方法，如果你寫了類似document.getElementByID().trim();的程式碼，在IE8模式下運行，會報：不支援該方法或屬性的錯誤。

　解法如下圖：

1.使用JQuery提供的$.trim([要操作的物件]);

2.自己封裝一個方法進行空白字元的截取。