jQuery.trim() 函数及trim()用法详解


Posted in Javascript onOctober 26, 2015

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

该函数属于全局的jQuery对象。

语法

jQuery 1.0 新增该静态函数。

jQuery.trim( str )

 

参数 描述
str String类型需要去除两端空白字符的字符串。

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

返回值

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

示例&说明

以下是与jQuery.trim()函数相关的jQuery示例代码,以演示jQuery.trim()函数的具体用法:

//在当前页面内追加换行标签和指定的HTML内容
function w( html ){
  document.body.innerHTML += "<br/>" + html;
}
// 输出两侧添加双引号,以便于区分字符串边界
w( '"' + $.trim( "  CodePlayer  " ) + '"'); // "CodePlayer"
// 只会去除两端的连续空白字符
w( '"' + $.trim( "  Code Player  " ) + '"'); // "Code Player"
w( '"' + $.trim( "\r\n\t  CodePlayer  \t" ) + '"'); // "CodePlayer"
w( '"' + $.trim( "" ) + '"'); // ""
w( '"' + $.trim( 12 ) + '"'); // "12"
w( '"' + $.trim( null ) + '"'); // ""
w( '"' + $.trim( undefined ) + '"'); // ""
w( '"' + $.trim( new Object() ) + '"'); // "[object Object]"

jquery中trim()的用法

<html>
<head>
<title>$.trim()</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
var sString = " 1234567890 ";
sString = $.trim(sString);
alert(sString.length);
</script>
</head>
<body>
</body>
</html>

如果你在IE8浏览器下开发网站,其实这是个假命题,因为原生的javascript 并不支持 .trim()方法,如果你写了类似document.getElementByID().trim();的代码,在IE8模式下运行,会报 : 不支持该方法或属性的错误。

 解决方法如下所示:

1.使用JQuery提供的$.trim([要操作的对象]);

2.自己封装一个方法进行空白字符的截取。

Javascript 相关文章推荐
javascript ajax 仿百度分页函数
Oct 29 Javascript
xmlhttp缓存清除的2种解决方法
Dec 13 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
JS正则表达式比较常见用法
Jan 26 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
Nov 03 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
详解webpack-dev-server的简单使用
Apr 02 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
Jan 20 Javascript
微信小程序实现滑动翻页效果(完整代码)
Dec 06 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 #Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 #Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 #Javascript
JS实现的页面自定义滚动条效果
Oct 26 #Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
Oct 26 #Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 #Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 #Javascript
You might like
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
php生成随机数的三种方法
2014/09/10 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
jquery tab标签页的制作
2010/05/10 Javascript
javascript showModalDialog 内跳转页面的问题
2010/11/25 Javascript
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
详解AngularJS中的依赖注入机制
2015/06/17 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
2015/08/10 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
JS+HTML5 FileReader对象用法示例
2017/04/07 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
2017/08/08 jQuery
javascript 构建模块化开发过程解析
2019/09/11 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
[01:02]2014 DOTA2国际邀请赛中国区预选赛 现场抢先看
2014/05/22 DOTA
python类型强制转换long to int的代码
2013/02/10 Python
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
深入浅析python继承问题
2016/05/29 Python
django数据库migrate失败的解决方法解析
2018/02/08 Python
python使用插值法画出平滑曲线
2018/12/15 Python
Python常用数据分析模块原理解析
2020/07/20 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
详解Python+Selenium+ChromeDriver的配置和问题解决
2021/01/19 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
Noon埃及:埃及在线购物
2019/11/26 全球购物
管理学专业个人求职信范文
2013/09/21 职场文书
监理资料员岗位职责
2014/01/03 职场文书
mysql left join快速转inner join的过程
2021/06/30 MySQL
JavaScript 反射学习技巧
2021/10/16 Javascript