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 相关文章推荐
javascript call和apply方法
Nov 24 Javascript
javascript 继承实现方法
Aug 26 Javascript
一个JQuery写的点击上下滚动的小例子
Aug 27 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
jquery操作select详解(取值,设置选中)
Feb 07 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 Javascript
jQuery设置Easyui校验规则(推荐)
Nov 21 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 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基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
javascript中的array数组使用技巧
2010/01/31 Javascript
JavaScript游戏之是男人就下100层代码打包
2010/11/08 Javascript
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
2013/04/26 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
js图片放大镜效果实现方法详解
2020/10/28 Javascript
Angular2搜索和重置按钮过场动画
2017/05/24 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
vue小白入门教程
2018/04/02 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
原生js拖拽实现图形伸缩效果
2020/02/10 Javascript
python实现将元祖转换成数组的方法
2015/05/04 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
将python2.7添加进64位系统的注册表方式
2019/11/20 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
Python 开发工具通过 agent 代理使用的方法
2020/09/27 Python
python中re模块知识点总结
2021/01/17 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
个人欠款协议书范本2014
2014/11/02 职场文书
职工年度考核评语
2014/12/31 职场文书
晚会闭幕词
2015/01/28 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
go设置多个GOPATH的方式
2021/05/05 Golang
golang生成vcf通讯录格式文件详情
2022/03/25 Golang
5人制售《绝地求生》游戏外挂获利500多万元 被判刑
2022/03/31 其他游戏
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript