当前位置:首页 > jquery

jquery 去空格

2026-04-08 14:02:01jquery

去除字符串两端空格

使用 $.trim() 方法可直接移除字符串开头和结尾的空格,适用于表单输入清理等场景:

var str = "  Hello World  ";
var trimmedStr = $.trim(str); // 结果为 "Hello World"

去除字符串所有空格

通过正则表达式替换实现移除全部空格(包括中间空格):

var str = " H e l l o W o r l d ";
var noSpaceStr = str.replace(/\s+/g, ""); // 结果为 "HelloWorld"

仅去除中间空格

保留两端空格,仅移除字符串内部的空格:

var str = " Hello   World ";
var innerSpaceRemoved = str.replace(/(\S)\s+(\S)/g, '$1$2'); // 结果为 " HelloWorld "

表单输入实时处理

结合 jQuery 事件监听,实现输入框内容的实时空格清理:

$("#inputField").on("input", function() {
    $(this).val($.trim($(this).val()));
});

保留换行符的特殊处理

若需保留换行符(\n)仅去除其他空白字符:

jquery 去空格

var str = "  Line1 \n Line2  ";
var cleanedStr = str.replace(/[^\S\n]/g, ""); // 结果为 "Line1\nLine2"

标签: 空格jquery
分享给朋友:

相关文章

jquery库

jquery库

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

jquery方法

jquery方法

jQuery 核心方法 $() 或 jQuery() 是核心选择器方法,用于获取 DOM 元素或创建 jQuery 对象。支持 CSS 选择器、DOM 元素或 HTML 字符串。 $('#id'…

jquery 隐藏

jquery 隐藏

jQuery 隐藏元素的方法 使用 jQuery 隐藏元素可以通过多种方式实现,以下是几种常见的方法: hide() 方法hide() 是最简单的隐藏元素方法,它会将元素的 display 属性设置…

jquery效果

jquery效果

jQuery 动画效果 jQuery 提供了多种内置动画效果,可用于实现平滑的页面交互。常用的方法包括 show()、hide()、toggle()、fadeIn()、fadeOut()、slideU…

jquery 样式

jquery 样式

jQuery 样式操作 jQuery 提供了多种方法来操作 HTML 元素的样式,包括直接修改 CSS 属性、添加或移除类、获取样式值等。 修改 CSS 属性 使用 css() 方法可以直接修改元素…

jquery li

jquery li

jQuery 操作 <li> 元素的方法 jQuery 提供了多种方法来操作 HTML 中的 <li> 元素(列表项)。以下是常见的使用场景和示例: 选择 <li&…