首頁 >web前端 >js教程 >jquery $.trim()去除字串空格的實作方法【附圖例】_jquery

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

WBOY
WBOY原創
2016-05-16 15:07:151970瀏覽

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()去除字串空格的實作方法【附圖例】就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn