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实现计算两个日期的间隔天数
Aug 14 Javascript
innerText和innerHTML 一些问题分析
May 18 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
js实现iframe跨页面调用函数的方法
Dec 13 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
Aug 31 Javascript
学习vue.js条件渲染
Dec 03 Javascript
vue2.0开发实践总结之疑难篇
Dec 07 Javascript
AngularJS Controller作用域
Jan 09 Javascript
微信小程序下拉框组件使用方法详解
Dec 28 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
Jun 24 Javascript
javascript异常处理实现原理详解
Feb 17 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
用Zend Encode编写开发PHP程序
2010/02/21 PHP
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
popdiv
2006/07/14 Javascript
Javascript 陷阱 window全局对象
2008/11/26 Javascript
javascript 限制输入脚本大全
2009/11/03 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
jquery选择器大全 全面详解jquery选择器
2014/03/06 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
详解webpack + vue + node 打造单页面(入门篇)
2017/09/23 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
解决Vue+Element ui开发中碰到的IE问题
2018/09/03 Javascript
vue中v-model对select的绑定操作
2020/08/31 Javascript
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
Python下singleton模式的实现方法
2014/07/16 Python
深入讲解Python中面向对象编程的相关知识
2015/05/25 Python
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
Python实现FTP文件传输的实例
2019/07/07 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
pytorch 预训练层的使用方法
2019/08/20 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
python中JWT用户认证的实现
2020/05/18 Python
Pytest单元测试框架如何实现参数化
2020/09/05 Python
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
2012/11/13 HTML / CSS
网络安全类面试题
2015/08/01 面试题
公司营业员的工作总结自我评价
2013/10/05 职场文书
校园招聘策划书
2014/01/09 职场文书
运动会领导邀请函
2014/02/05 职场文书
银行服务感言
2014/03/01 职场文书
品牌宣传方案
2014/03/21 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
MySQL表锁、行锁、排它锁及共享锁的使用详解
2022/04/02 MySQL
win10清理dns缓存
2022/04/19 数码科技