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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
jquery与google map api结合使用 控件,监听器
Mar 04 Javascript
将光标定位于输入框最右侧实现代码
Dec 04 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
Dec 10 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
vue组件watch属性实例讲解
Nov 07 Javascript
微信小程序云开发之使用云数据库
May 17 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
Jul 19 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
vue3.0自定义指令(drectives)知识点总结
Dec 27 Vue.js
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
PHP4(windows版本)中的COM函数
2006/10/09 PHP
优化使用mysql存储session的php代码
2008/01/10 PHP
php array_intersect比array_diff快(附详细的使用说明)
2011/07/03 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
PHP图片处理之使用imagecopyresampled函数裁剪图片例子
2014/11/19 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
2013/04/18 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
javascript实现浏览器窗口传递参数的方法
2014/09/03 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
angularjs封装$http为factory的方法
2017/05/18 Javascript
jquery学习笔记之无new构建详解
2017/12/07 jQuery
浅析Vue中method与computed的区别
2018/03/06 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
微信小程序学习之自定义滚动弹窗
2020/12/20 Javascript
python实现计算资源图标crc值的方法
2014/10/05 Python
详解Python中for循环的使用
2015/04/14 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
Python pip安装模块提示错误解决方案
2020/05/22 Python
Django权限控制的使用
2021/01/07 Python
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
Ibatis的核心配置文件都有什么
2014/09/08 面试题
主持人开场白台词
2015/05/29 职场文书
小学英语教学经验交流材料
2015/11/02 职场文书
科级干部培训心得体会
2016/01/06 职场文书
煤矿施工安全协议书
2016/03/22 职场文书
MySQL中InnoDB存储引擎的锁的基本使用教程
2021/05/26 MySQL
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android