jquery $.trim()去除字符串空格的實(shí)現(xiàn)方法【附圖例】
jquery $.trim()去除字符串空格的實(shí)現(xiàn)方法【附圖例】
語(yǔ)法
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符。
作用
該函數(shù)可以去除字符串開(kāi)始和末尾兩端的空白字符(直到遇到第一個(gè)非空白字符串為止)。它會(huì)清除包括換行符、空格、制表符等常見(jiàn)的空白字符。
參數(shù)
如果參數(shù)str不是字符串類型,該函數(shù)將自動(dòng)將其轉(zhuǎn)為字符串(一般調(diào)用其toString()方法)。如果參數(shù)str為null或undefined,則返回空字符串("")。
返回值
jQuery.trim()函數(shù)的返回值為String類型,返回去除兩端空白字符串后的字符串。
示例&說(shuō)明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <input type="text" name="" id="results" value=""/><br> <button id="showBtn">showBtn</button> <button id="showBtn1">showBtn1</button> <script src="http://code.jquery.com/jquery-1.5.js"></script> <script type="text/javascript"> $("#showBtn").click( function(){ var content = $('#content').val(); if($.trim(content) == ''){ alert('空'); } } ); $("#showBtn1").click( function(){ var content = $('#content').val(); if(content.trim() == ''){ alert('空'); } } ); </script> </body> </html>
不能理所當(dāng)然的想跟java一樣。用一個(gè)字符串點(diǎn)方法。
錯(cuò)誤寫法:
$("#showBtn1").click( function(){ var content = $('#content').val(); if(content.trim() == ''){ alert('空'); } } );
說(shuō)明: 上面的寫法在firefox下不會(huì)報(bào)錯(cuò),在ie和谷歌下確會(huì)報(bào)錯(cuò)。
正確寫法:
$("#showBtn").click( function(){ var content = $('#content').val(); if($.trim(content) == ''){ alert('空'); } } );
以上這篇jquery $.trim()去除字符串空格的實(shí)現(xiàn)方法【附圖例】就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery 漂亮的刪除確認(rèn)和提交無(wú)刷新刪除示例
jquery 漂亮的刪除確認(rèn)和提交無(wú)刷新刪除,本例數(shù)據(jù)庫(kù)結(jié)構(gòu)很簡(jiǎn)單,就一個(gè)字段就行了,具體的實(shí)現(xiàn)代碼如下,感興趣的朋友可以參考下2013-11-11jQuery實(shí)現(xiàn)自動(dòng)切換播放的經(jīng)典滑動(dòng)門效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)自動(dòng)切換播放的經(jīng)典滑動(dòng)門效果,可實(shí)現(xiàn)tab自動(dòng)定時(shí)切換的功能,涉及jQuery基于定時(shí)函數(shù)動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-09-09jQuery實(shí)現(xiàn)DIV層淡入淡出拖動(dòng)特效的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)DIV層淡入淡出拖動(dòng)特效的方法,涉及jQuery針對(duì)鼠標(biāo)操作的常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02jquery實(shí)現(xiàn)倒計(jì)時(shí)小應(yīng)用
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)倒計(jì)時(shí)小應(yīng)用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09jQuery對(duì)象與DOM對(duì)象轉(zhuǎn)換方法詳解
這篇文章主要介紹了jQuery對(duì)象與DOM對(duì)象的轉(zhuǎn)換方法,結(jié)合實(shí)例形式分析了jQuery對(duì)象及DOM對(duì)象的作用與二者的相互轉(zhuǎn)換技巧,需要的朋友可以參考下2016-05-05jQuery實(shí)現(xiàn)點(diǎn)擊標(biāo)題輸入詳細(xì)信息
點(diǎn)擊標(biāo)題,輸入詳細(xì)信息,點(diǎn)擊確定按鈕,完成,把不必要的選項(xiàng)隱藏,當(dāng)用戶真正有需要的時(shí)候,在顯示出來(lái)2013-04-04Jquery數(shù)獨(dú)游戲解析(一)-頁(yè)面布局
上周發(fā)布了‘jquery開(kāi)發(fā)的數(shù)獨(dú)游戲’,下載量很多評(píng)論的人很少。近期會(huì)將主要的開(kāi)發(fā)思路整理出來(lái)與大家交流,非常希望與大家通過(guò)這個(gè)例子共同探討和學(xué)習(xí)。2010-11-11jQuery實(shí)現(xiàn)右側(cè)顯示可向左滑動(dòng)展示的深色QQ客服效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)右側(cè)顯示可向左滑動(dòng)展示的深色QQ客服效果代碼,涉及jQuery控制頁(yè)面元素樣式動(dòng)態(tài)變換的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10