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 相关文章推荐
js工具方法弹出蒙版
May 08 Javascript
js实现在同一窗口浏览图片
Sep 17 Javascript
jquery中post方法用法实例
Oct 21 Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
JS数组去重(4种方法)
Mar 27 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
JS实现页面数据懒加载
Feb 13 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 Javascript
JS新手入门数组处理的实用方法汇总
Apr 07 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
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
转生史莱姆:萌王第一次撸串开心到飞起,哥布塔撸串却神似界王神
2018/11/30 日漫
十天学会php(3)
2006/10/09 PHP
php导出csv数据在浏览器中输出提供下载或保存到文件的示例
2014/04/24 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
深入分析Javascript事件代理
2016/01/30 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
JS给swf传参数的实现方法
2016/09/13 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
解决Vue+Element ui开发中碰到的IE问题
2018/09/03 Javascript
vue.js单文件组件中非父子组件的传值实例
2018/09/13 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
2018/11/25 Javascript
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
js实现GIF动图分解成多帧图片上传
2019/10/24 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
Python对象与引用的介绍
2019/01/24 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
Champion澳大利亚官网:美国冠军运动服装
2018/05/07 全球购物
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
超市实习总结自我鉴定
2013/09/19 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
2015年妇产科工作总结
2015/05/18 职场文书
2016年寒假家长评语
2015/10/10 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书
导游词之清晏园
2019/11/22 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis