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 相关文章推荐
HTML node相关的一些资料整理
Jan 01 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
基于javascipt-dom编程 table对象的使用
Apr 22 Javascript
浅谈 jQuery 事件源码定位问题
Jun 18 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
VsCode插件整理(小结)
Sep 14 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
使用xampp将angular项目运行在web服务器的教程
Sep 16 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 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/04 咖啡文化
PHP 作用域解析运算符(::)
2010/07/27 PHP
php在文件指定行中写入代码的方法
2012/05/23 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
wampserver改变默认网站目录的办法
2015/08/05 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
学习JavaScript设计模式之观察者模式
2020/04/22 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
js实现定时进度条完成后切换图片
2017/01/04 Javascript
微信小程序 弹框和模态框实现代码
2017/03/10 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
vue 开发之路由配置方法详解
2019/12/02 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python网络爬虫采集联想词示例
2014/02/11 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
Python3实现个位数字和十位数字对调, 其乘积不变
2020/05/03 Python
Python同时迭代多个序列的方法
2020/07/28 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
2014/09/02 HTML / CSS
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
医学生个人求职信范文
2014/02/07 职场文书
会计专业毕业自荐书范文
2014/02/08 职场文书
如何写一封打动人心的求职信
2014/02/17 职场文书
检讨书大全
2015/01/27 职场文书
2015秋学期开学寄语
2015/05/28 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
详解Django中 render() 函数的使用方法
2021/04/22 Python
将Python代码打包成.exe可执行文件的完整步骤
2021/05/12 Python
使用python向MongoDB插入时间字段的操作
2021/05/18 Python
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL