×

jQuery去除字符串空格之$.trim()

作者:andy0012017.03.08来源:Web前端之家浏览:11796评论:0
关键词:JQueryJS

在jQuery中去除字符串空格的方法,我们会用到$.trim(),接下来我们一起学习下:

语法

jQuery.trim()函数用于去除字符串两端的空白字符。

作用

该函数可以去除字符串开始和末尾两端的空白字符(直到遇到第一个非空白字符串为止)。它会清除包括换行符、空格、制表符等常见的空白字符。

参数

如果参数str不是字符串类型,该函数将自动将其转为字符串(一般调用其toString()方法)。如果参数str为null或undefined,则返回空字符串("")。

返回值

jQuery.trim()函数的返回值为String类型,返回去除两端空白字符串后的字符串。

来看下实例:

<!DOCTYPE HTML>
<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.9.1.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('空');
     }
});

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/biji38.html

网友评论文明上网理性发言 已有0人参与

发表评论: