jquery $.trim()去除字符串空格的实现方法【附图例】


Posted in Javascript onMarch 30, 2016

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>

jquery $.trim()去除字符串空格的实现方法【附图例】

 

jquery $.trim()去除字符串空格的实现方法【附图例】

 不能理所当然的想跟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()去除字符串空格的实现方法【附图例】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery的Ajax时无响应数据的解决方法
May 25 Javascript
jQuery中绑定事件的命名空间详解
Apr 05 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 Javascript
javascript编程异常处理实例小结
Nov 30 Javascript
jquery设置表单元素为不可用的简单代码
Jul 04 Javascript
原生js实现中奖信息无间隙滚动效果
Jan 18 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
Jul 27 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 #Javascript
jquery实现一个简单的表单验证实例
Mar 30 #Javascript
js实现密码强度检测【附示例】
Mar 30 #Javascript
原生javascript实现的一个简单动画效果
Mar 30 #Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 #Javascript
JS 实现倒计时数字时钟效果【附实例代码】
Mar 30 #Javascript
详解JavaScript for循环中发送AJAX请求问题
Jun 23 #Javascript
You might like
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
document.forms[].submit()使用介绍
2014/02/19 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
jquery衣服颜色选取插件效果代码分享
2015/08/28 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
Vue精简版风格指南(推荐)
2018/01/30 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
vue下拉列表功能实例代码
2018/04/08 Javascript
Angular如何在应用初始化时运行代码详解
2018/06/11 Javascript
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
2020/07/11 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
2020/09/01 Javascript
python下如何让web元素的生成更简单的分析
2008/07/17 Python
python书籍信息爬虫实例
2018/03/19 Python
python3连接MySQL数据库实例详解
2018/05/24 Python
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
Python 必须了解的5种高级特征
2020/09/10 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
办公室文秘自我评价
2013/09/21 职场文书
自荐信模版
2013/10/24 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书
律师授权委托书范本
2014/10/07 职场文书
技术员岗位职责范本
2015/04/11 职场文书
工程服务质量承诺书
2015/04/29 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
小学生家长意见
2015/06/03 职场文书
深入理解python多线程编程
2021/04/18 Python