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 相关文章推荐
防止页面被iframe(兼容IE,Firefox火狐)
Jul 04 Javascript
详细解密jsonp跨域请求
Apr 15 Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
Jun 20 Javascript
给vue项目添加ESLint的详细步骤
Sep 29 Javascript
js使用xml数据载体实现城市省份二级联动效果
Nov 08 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
Apr 04 Javascript
vue+element-ui+axios实现图片上传
Aug 20 Javascript
微信小程序实现按字母排列选择城市功能
Nov 25 Javascript
JS document内容及样式操作完整示例
Jan 14 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 Javascript
vue.js+element 默认提示中英文操作
Nov 11 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 mkdir()无写权限的问题解决方法
2014/06/19 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
Zend Framework处理Json数据方法详解
2016/12/09 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
PHP实现用session来实现记录用户登陆信息
2018/10/15 PHP
激活 ActiveX 控件
2006/10/09 Javascript
JS 用6N±1法求素数 实例教程
2009/10/20 Javascript
jQuery $.each的用法说明
2010/03/22 Javascript
js jquery验证银行卡号信息正则学习
2013/01/21 Javascript
用正则表达式替换图片地址img标签
2013/11/22 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
浅谈JS之iframe中的窗口
2016/09/13 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
python通过文件头判断文件类型
2015/10/30 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
实例讲解Python设计模式编程之工厂方法模式的使用
2016/03/02 Python
总结网络IO模型与select模型的Python实例讲解
2016/06/27 Python
Python实现的网页截图功能【PyQt4与selenium组件】
2018/07/12 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
python 获取键盘输入,同时有超时的功能示例
2018/11/13 Python
对pandas写入读取h5文件的方法详解
2018/12/28 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
python脚本后台执行方式
2019/12/21 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
python实现双人五子棋(终端版)
2020/12/30 Python
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
长青弘远的面试题
2012/06/09 面试题
运动会演讲稿300字
2014/08/25 职场文书
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers