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 相关文章推荐
Jquery调用webService远程访问出错的解决方法
May 21 Javascript
用方法封装javascript的new操作符(一)
Dec 25 Javascript
js获取浏览器的可视区域尺寸的实现代码
Nov 30 Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
Jan 14 Javascript
jQuery实现frame之间互通的方法
Jun 26 jQuery
原生JS实现小小的音乐播放器
Oct 16 Javascript
在Vue-cli里应用Vuex的state和mutations方法
Sep 16 Javascript
小程序实现多选框功能
Oct 30 Javascript
Vue入门之数量加减运算操作示例
Dec 11 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
Apr 29 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
php遍历数组的方法分享
2012/03/22 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
PHP数据库万能引擎类adodb配置使用以及实例集锦
2014/06/12 PHP
PHP数组和explode函数示例总结
2015/05/08 PHP
PHP验证码生成原理和实现
2016/01/24 PHP
smarty自定义函数用法示例
2016/05/20 PHP
php支付宝APP支付功能
2020/07/29 PHP
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
javascript 语法基础 想学习js的朋友可以看看
2009/12/16 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
python实现简易动态时钟
2018/11/19 Python
关于python中密码加盐的学习体会小结
2019/07/15 Python
python爬虫模块URL管理器模块用法解析
2020/02/03 Python
pytorch之Resize()函数具体使用详解
2020/02/27 Python
python如何实现DES加密
2020/09/21 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
阿迪达斯意大利在线商店:adidas意大利
2016/09/19 全球购物
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
校园安全检查制度
2014/02/03 职场文书
《梅兰芳学艺》教学反思
2014/02/24 职场文书
公司总经理任命书
2014/06/05 职场文书
任命通知范文
2015/04/21 职场文书
2015仓库保管员年终工作总结
2015/05/13 职场文书
2015初中团委工作总结
2015/07/28 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书