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开发者都需要知道的5个小技巧
Jan 08 Javascript
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
网页挂马方式整理及详细介绍
Nov 03 Javascript
原生JS实现在线问卷调查投票特效
Jan 03 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
JavaScript实现动态添加Form表单元素的方法示例
Aug 14 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 Javascript
jQuery实现右侧抽屉式在线客服功能
Dec 25 jQuery
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 26 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
smarty 缓存控制前的页面静态化原理
2013/03/15 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
JavaScript实际应用:innerHTMl和确认提示的使用
2006/06/22 Javascript
jQuery 表单验证扩展(四)
2010/10/20 Javascript
异步javascript的原理和实现技巧介绍
2012/11/08 Javascript
简单几行JS Code实现IE邮件转发新浪微博
2013/07/03 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
jquery判断元素是否隐藏的多种方法
2014/05/06 Javascript
jQuery实现图片轮播特效代码分享
2015/09/15 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
JS实现的系统调色板完整实例
2016/12/21 Javascript
WebPack基础知识详解
2017/01/16 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
2017/04/11 jQuery
详解Vue-cli 创建的项目如何跨域请求
2017/05/18 Javascript
Vue.js项目部署到服务器的详细步骤
2017/07/17 Javascript
vue 子组件向父组件传值方法
2018/02/26 Javascript
微信小程序 简易计算器实现代码实例
2019/09/02 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日
2021/03/11 DOTA
python实现忽略大小写对字符串列表排序的方法
2014/09/25 Python
Python判断中文字符串是否相等的实例
2018/07/06 Python
基于python3的socket聊天编程
2020/02/17 Python
世界最大的海报和艺术印刷商店:AllPosters.com
2017/02/01 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
英语系本科生求职信范文
2013/12/18 职场文书
半年思想汇报
2013/12/30 职场文书
养殖行业的创业计划书
2014/01/05 职场文书
双十佳事迹材料
2014/01/29 职场文书
八年级数学教学反思
2016/02/17 职场文书
JS异步堆栈追踪之为什么await胜过Promise
2021/04/28 Javascript
关于golang高并发的实现与注意事项说明
2021/05/08 Golang
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python