jQuery.trim() 函數(shù)及trim()用法詳解
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符。該函數(shù)可以去除字符串開(kāi)始和末尾兩端的空白字符(直到遇到第一個(gè)非空白字符串為止)。它會(huì)清除包括換行符、空格、制表符等常見(jiàn)的空白字符。
該函數(shù)屬于全局的jQuery對(duì)象。
語(yǔ)法
jQuery 1.0 新增該靜態(tài)函數(shù)。
jQuery.trim( str )
| 參數(shù) | 描述 |
|---|---|
| str | String類型需要去除兩端空白字符的字符串。 |
如果參數(shù)str不是字符串類型,該函數(shù)將自動(dòng)將其轉(zhuǎn)為字符串(一般調(diào)用其toString()方法)。如果參數(shù)str為null或undefined,則返回空字符串("")。
返回值
jQuery.trim()函數(shù)的返回值為String類型,返回去除兩端空白字符串后的字符串。
示例&說(shuō)明
以下是與jQuery.trim()函數(shù)相關(guān)的jQuery示例代碼,以演示jQuery.trim()函數(shù)的具體用法:
//在當(dāng)前頁(yè)面內(nèi)追加換行標(biāo)簽和指定的HTML內(nèi)容
function w( html ){
document.body.innerHTML += "<br/>" + html;
}
// 輸出兩側(cè)添加雙引號(hào),以便于區(qū)分字符串邊界
w( '"' + $.trim( " CodePlayer " ) + '"'); // "CodePlayer"
// 只會(huì)去除兩端的連續(xù)空白字符
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瀏覽器下開(kāi)發(fā)網(wǎng)站,其實(shí)這是個(gè)假命題,因?yàn)樵膉avascript 并不支持 .trim()方法,如果你寫(xiě)了類似document.getElementByID().trim();的代碼,在IE8模式下運(yùn)行,會(huì)報(bào) : 不支持該方法或?qū)傩缘腻e(cuò)誤。
解決方法如下所示:
1.使用JQuery提供的$.trim([要操作的對(duì)象]);
2.自己封裝一個(gè)方法進(jìn)行空白字符的截取。
相關(guān)文章
jquery.ajax的url中傳遞中文亂碼問(wèn)題的解決方法
本篇文章主要是對(duì)jquery.ajax的url中傳遞中文亂碼問(wèn)題的解決方法進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02
jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
這篇文章主要介紹了jquery插件fineuploader上傳文件很用方法2013-12-12
jQuery 常見(jiàn)操作實(shí)現(xiàn)方式和常用函數(shù)方法總結(jié)
一個(gè)優(yōu)秀的 JavaScript 框架,一篇 jQuery 常用方法及函數(shù)的文章留存?zhèn)渫?/div> 2011-05-05
jQuery實(shí)現(xiàn)用戶輸入自動(dòng)完成功能
本文介紹了jQuery實(shí)現(xiàn)用戶輸入自動(dòng)完成功能的方法。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02
打造個(gè)性化的功能強(qiáng)大的Jquery虛擬鍵盤(pán)(VirtualKeyboard)
本文主要講訴了如何一起一步一步打造個(gè)性化的VirtualKeyboard:功能強(qiáng)大的Jquery虛擬鍵盤(pán),非常的詳細(xì),非常實(shí)用,有需要的朋友可以參考下2014-10-10
jQuery彈性滑動(dòng)導(dǎo)航菜單實(shí)現(xiàn)思路及代碼
用一個(gè)絕對(duì)定位的div作為動(dòng)畫(huà)滑塊,改變它的left屬性來(lái)呈現(xiàn)動(dòng)畫(huà)效果javascript:hover()觸發(fā)移動(dòng)鼠標(biāo)到導(dǎo)航nav的動(dòng)作,和移出導(dǎo)航nav的動(dòng)作2013-05-05
jquery實(shí)現(xiàn)隱藏與顯示動(dòng)畫(huà)效果/輸入框字符動(dòng)態(tài)遞減/導(dǎo)航按鈕切換
jquery實(shí)現(xiàn)隱藏顯示層動(dòng)畫(huà)效果、仿新浪字符動(dòng)態(tài)輸入、tab效果等等,以下為所有代碼,感興趣的朋友可以練練手哈,希望對(duì)大家學(xué)習(xí)有所幫助2013-07-07
基于jquery的關(guān)于動(dòng)態(tài)創(chuàng)建DOM元素的問(wèn)題
在我們實(shí)際的項(xiàng)目之中,相信有很多的朋友直接使用了以下的格式創(chuàng)建DOM元素。2010-12-12最新評(píng)論

