jquery $.trim()去除字串空格的實作方法【附圖例】

jquery $.trim()去除字串空格的實作方法【附圖例】_jquery

WBOY

發布： 2016-05-16 15:07:15

原創

1966 人瀏覽過

jquery $.trim()去除字串空格的實作方法【附圖例】

文法
jQuery.trim()函數用於去除字串兩端的空白字元。

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

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

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

範例&說明

<!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>

登入後複製

不能理所當然的想跟java一樣。用一個字串點方法。

錯誤寫法：

 $("#showBtn1").click( function(){
      var content = $('#content').val();
     if(content.trim() == ''){
      alert('空');
     }
  } );

登入後複製

說明：上面的寫法在firefox下不會報錯，在ie和谷歌下確會報錯。

正確寫法：

$("#showBtn").click( function(){
      var content = $('#content').val();
     if($.trim(content) == ''){
      alert('空');
     }
  } );

登入後複製

以上這篇jquery $.trim()去除字串空格的實作方法【附圖例】就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。