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 相关文章推荐
replace()方法查找字符使用示例
Oct 28 Javascript
JS实现局部选择打印和局部不选择打印
Apr 03 Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
Jan 13 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
Dec 16 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
Jan 23 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
Nov 06 Javascript
js不常见操作运算符总结
Nov 20 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 strtr() 函数使用说明
2008/11/21 PHP
ThinkPHP的RBAC(基于角色权限控制)深入解析
2013/06/17 PHP
用php简单实现加减乘除计算器
2014/01/06 PHP
php生成4位数字验证码的实现代码
2015/11/23 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
CI框架中数据库操作函数$this-&gt;db-&gt;where()相关用法总结
2016/05/17 PHP
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
2007/05/03 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
Node.js异步I/O学习笔记
2014/11/04 Javascript
深入讲解AngularJS中的自定义指令的使用
2015/06/18 Javascript
jQuery实现美观的多级动画效果菜单代码
2015/09/06 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
前端Vue项目详解--初始化及导航栏
2019/06/24 Javascript
微信小程序数据统计和错误统计的实现方法
2019/06/26 Javascript
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
简单实现python数独游戏
2018/03/30 Python
python:接口间数据传递与调用方法
2018/12/17 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
Django多层嵌套ManyToMany字段ORM操作详解
2020/05/19 Python
Python代码需要缩进吗
2020/07/01 Python
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
环境科学专业个人求职信
2013/09/26 职场文书
小组合作学习反思
2014/02/18 职场文书
教师评语大全
2014/04/28 职场文书
求职信格式要求
2014/05/23 职场文书
企业文化口号
2014/06/12 职场文书
党员十八大心得体会
2014/09/12 职场文书
年度考核表个人总结
2015/03/06 职场文书
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL
Oracle中DBLink的详细介绍
2022/04/29 Oracle