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 相关文章推荐
3种Jquery限制文本框只能输入数字字母的方法
Dec 03 Javascript
jquery背景跟随鼠标滑动导航
Nov 20 Javascript
JS使用post提交的两种方式
Dec 03 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
Dec 28 Javascript
简单理解js的prototype属性及使用
Dec 07 Javascript
js实现简易垂直滚动条
Feb 22 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
axios 处理 302 状态码的解决方法
Apr 10 Javascript
Vue实现按钮旋转和移动位置的实例代码
Aug 09 Javascript
JAVA面试题 static关键字详解
Jul 16 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 Javascript
vue video和vue-video-player实现视频铺满教程
Oct 30 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
谈谈PHP语法(3)
2006/10/09 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
php显示时间常用方法小结
2015/06/05 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
php实现无限级分类查询(递归、非递归)
2016/03/10 PHP
php简单创建zip压缩文件的方法
2016/04/30 PHP
利用PHP获取访客IP、地区位置、浏览器及来源页面等信息
2017/06/27 PHP
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
JavaScript版TAB选项卡效果实例
2013/08/16 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
node.js实现快速截图
2016/08/27 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
jQuery实现手机上输入后隐藏键盘功能
2017/01/04 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
2017/08/17 Javascript
详解vuex的简单使用
2018/03/12 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
python @property的用法及含义全面解析
2018/02/01 Python
详解django的serializer序列化model几种方法
2018/10/16 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
Python多线程模块Threading用法示例小结
2019/11/09 Python
利用Python的sympy包求解一元三次方程示例
2019/11/22 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
Python bisect模块原理及常见实例
2020/06/17 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
python软件测试Jmeter性能测试JDBC Request(结合数据库)的使用详解
2021/01/26 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
新学期红领巾广播稿
2014/10/04 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
大学宣传委员竞选稿
2015/11/19 职场文书