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优化效率 提升性能解决方案
Sep 06 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
Oct 11 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 Javascript
jQuery EasyUI常用数据验证汇总
Sep 18 Javascript
微信小程序 http请求详细介绍
Oct 09 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
JavaScript中的一些实用小技巧总结
Apr 07 Javascript
vue实现条件叠加搜索的解决方法
May 28 Javascript
微信小程序如何利用getCurrentPages进行页面传值
Jul 01 Javascript
使用webpack将ES6转化ES5的实现方法
Oct 13 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
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
2015/10/26 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
JavaScript 密码强度判断代码
2009/09/05 Javascript
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
Js冒泡事件详解及阻止示例
2014/03/21 Javascript
jquery 插件实现多行文本框[textarea]自动高度
2015/03/04 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
JS中mouseup事件丢失的原因与解决办法
2017/06/14 Javascript
解决JS外部文件中文注释出现乱码问题
2017/07/09 Javascript
详解Javascript 中的 class、构造函数、工厂函数
2017/12/20 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
vue页面切换项目实现转场动画的方法
2019/11/12 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
Python的Django框架中的select_related函数对QuerySet 查询的优化
2015/04/01 Python
pygame加载中文名mp3文件出现error
2017/03/31 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
python实现多张图片拼接成大图
2019/01/15 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
LVMH旗下最大的奢侈品网站平台:24S
2020/05/24 全球购物
计算机应用专业应届毕业生中文求职信范文
2013/11/29 职场文书
观看信仰心得体会
2014/09/04 职场文书
护士长2014年终工作总结
2014/11/11 职场文书
自主招生自荐信格式
2015/03/04 职场文书
三方合作意向书范本
2015/05/09 职场文书
第一军规观后感
2015/06/12 职场文书
golang 实现菜单树的生成方式
2021/04/28 Golang