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监测ActiveX控件是否已经安装过的代码
Sep 02 Javascript
RGB颜色值转HTML十六进制(HEX)代码的JS函数
Apr 25 Javascript
javascript 写类方式之四
Jul 05 Javascript
javascript + jquery实现定时修改文章标题
Mar 19 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
原生javascript实现的全屏滚动功能示例
Sep 19 Javascript
微信小程序自定义组件之可清除的input组件
Jul 17 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
Mar 11 Javascript
利用JavaScript将Excel转换为JSON示例代码
Jun 14 Javascript
vue实现购物车选择功能
Jan 10 Javascript
解决vue中el-tab-pane切换的问题
Jul 19 Javascript
Javascript var变量删除原理及实现
Aug 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
PHP实现冒泡排序的简单实例
2016/05/26 PHP
php禁用函数设置及查看方法详解
2016/07/25 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
jquery的键盘事件修改代码
2011/02/24 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
2011/05/28 Javascript
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
jQuery异步提交表单的两种方式
2016/09/13 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
vue组件详解之使用slot分发内容
2018/04/09 Javascript
新手简单了解vue
2019/05/29 Javascript
nodejs和react实现即时通讯简易聊天室功能
2019/08/21 NodeJs
JavaScript 面向对象基础简单示例
2019/10/02 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
全面了解django的缓存机制及使用方法
2019/07/22 Python
pytest中文文档之编写断言
2019/09/12 Python
Django视图类型总结
2021/02/17 Python
一款纯css3实现的鼠标悬停动画按钮
2014/12/29 HTML / CSS
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
员工入职担保书范文
2014/04/01 职场文书
阳光体育活动总结
2014/04/30 职场文书
活动总结报告格式
2014/05/09 职场文书
国庆节演讲稿
2014/05/27 职场文书
交通志愿者活动总结
2014/06/27 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
环境卫生整治简报
2015/07/20 职场文书
如何在Python中创建二叉树
2021/03/30 Python
Python基础之元组与文件知识总结
2021/05/19 Python