DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jquery $.trim()去除字符串空格的實現方法【附圖例】
jquery $.trim()去除字符串空格的實現方法【附圖例】
編輯:關於JavaScript     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved