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使用setInterval()函数实现简单轮询操作的方法
Feb 02 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
Angular中$compile源码分析
Jan 28 Javascript
JS显示日历和天气的方法
Mar 01 Javascript
JS FormData上传文件的设置方法
Jul 05 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
从零开始学习搭建React脚手架项目
Aug 23 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
javascript网页随机点名实现过程解析
Oct 15 Javascript
ElementUI之Message功能拓展详解
Oct 18 Javascript
在Vuex中Mutations修改状态操作
Jul 24 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
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
PHP如何抛出异常处理错误
2011/03/02 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
PHP实现检测客户端是否使用代理服务器及其匿名级别
2015/01/07 PHP
php模拟post提交数据的方法
2015/02/12 PHP
PHP面向对象学习之parent::关键字
2017/01/18 PHP
IOS 开发之NSDictionary转换成JSON字符串
2017/08/14 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
javascript如何实现360度全景照片问题汇总
2016/04/04 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
2016/11/25 Javascript
Node.js进阶之核心模块https入门
2018/05/23 Javascript
微信小程序实现上传图片功能
2018/05/28 Javascript
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
python之wxPython菜单使用详解
2014/09/28 Python
Python实现的批量下载RFC文档
2015/03/10 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
python根据完整路径获得盘名/路径名/文件名/文件扩展名的方法
2020/04/22 Python
详解CSS3中Media Queries的相关使用
2015/07/17 HTML / CSS
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
美术指导助理求职信
2014/04/20 职场文书
网络营销计划书
2015/01/17 职场文书
公司董事任命书
2015/09/21 职场文书