当前位置:首页 > jquery

jquery 去空格

2026-04-08 14:02:01jquery

去除字符串两端空格

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

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

去除字符串所有空格

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

jquery 去空格

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

仅去除中间空格

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

jquery 去空格

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)仅去除其他空白字符:

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

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

相关文章

jquery 下载

jquery 下载

jQuery 下载方法 官方网站下载 访问 jQuery 官网,点击页面上的“Download”按钮。官网提供两个版本: 压缩版(Production):文件名类似 jquery-x.x.x.m…

jquery 使用

jquery 使用

jQuery 基础使用 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互的操作。以下是 jQuery 的基本使用方法。 引入…

jquery表单

jquery表单

jQuery 表单操作 jQuery 提供了丰富的 API 用于表单操作,包括表单元素的选择、值获取与设置、事件处理等。 表单元素选择 使用 jQuery 选择器可以方便地选取表单元素: // 选…

jquery样式

jquery样式

jQuery 样式操作基础 jQuery 提供了多种方法来操作 HTML 元素的样式,包括直接修改 CSS 属性、添加/移除类名等。以下是常见的样式操作方法: 修改 CSS 属性 使用 css()…

jquery 循环

jquery 循环

jQuery 循环方法 jQuery 提供了多种循环遍历元素或数组的方法,以下是常用的几种方式: each() 方法 each() 是 jQuery 中最常用的循环方法,用于遍历 jQuery 对象…

jquery滑动

jquery滑动

jQuery 滑动效果实现方法 使用 slideDown() 和 slideUp() slideDown() 用于向下滑动显示元素,slideUp() 用于向上滑动隐藏元素。两者均可设置动画持续时间(…