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 相关文章推荐
js实现跨域访问的三种方法
Dec 09 Javascript
Bootstrap零基础学习第一课之模板
Jul 18 Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
Dec 29 Javascript
JS实现select选中option触发事件操作示例
Jul 13 Javascript
还不懂递归?读完这篇文章保证你会懂
Jul 29 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
微信小程序入口场景的问题集合与相关解决方法
Jun 26 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
Aug 20 Javascript
js实现图片粘贴到网页
Dec 06 Javascript
JS实现前端路由功能示例【原生路由】
May 29 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
Aug 07 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
php若干单维数组遍历方法的比较
2011/09/20 PHP
php中长文章分页显示实现代码
2012/09/29 PHP
PHP数据类型之布尔型的介绍
2013/04/28 PHP
setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
2013/05/08 PHP
PHP中if和or运行效率对比
2014/12/12 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
JS返回iframe中frameBorder属性值的方法
2015/04/01 Javascript
基于jQuery实现动态数字展示效果
2015/08/12 Javascript
js实现下拉列表选中某个值的方法(3种方法)
2015/12/17 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
深入理解Node.js中的进程管理
2017/03/13 Javascript
JavaScript实现获取远程的html到当前页面中
2017/03/26 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
2018/01/08 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
2019/05/26 Javascript
JavaScript中的this/call/apply/bind的使用及区别
2020/03/06 Javascript
推荐下python/ironpython:从入门到精通
2007/10/02 Python
详解Python字符串对象的实现
2015/12/24 Python
python动态网页批量爬取
2016/02/14 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
python算法演练_One Rule 算法(详解)
2017/05/17 Python
python 用户交互输入input的4种用法详解
2019/09/24 Python
在Python中使用MySQL--PyMySQL的基本使用方法
2019/11/19 Python
python文件编写好后如何实践
2020/07/07 Python
Python用K-means聚类算法进行客户分群的实现
2020/08/23 Python
用ldap作为django后端用户登录验证的实现
2020/12/07 Python
Pure Collection美国官网:来自英国羊绒专家的奢华羊绒
2017/11/19 全球购物
2013年保送生自荐信格式
2013/11/20 职场文书
车间组长岗位职责
2013/12/20 职场文书
平民服装店创业计划书
2014/01/17 职场文书
授权委托书样本
2014/09/25 职场文书
python 中[0]*2与0*2的区别说明
2021/05/10 Python
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python