jQuery.trim() 函数及 trim() 用法详解

在JavaScript中，字符串中经常会包含空格或其他不可见的字符，这些字符可能会导致一些不必要的问题。为了解决这些问题，jQuery提供了一个非常有用的函数——$.trim()，它可以去除字符串开头和结尾的空格或其他不可见字符，使字符串更干净、更可靠。

$.trim() 函数使用方法

$.trim() 函数在 jQuery 核心库中内置，我们可以直接调用该函数，其用法如下：

$.trim(str);

其中，str 参数表示需要进行去空格操作的字符串。

trim() 方法使用方法

在 ES5 中，String 原型对象上新增了 trim() 方法，用法如下：

str.trim();

其中，str 表示需要进行去空格操作的字符串。

需要注意的是，trim() 方法使用在字符串对象上时，具有返回值，并不会修改原字符串。

示例说明

示例一

如果用户输入注册时使用空格，会造成程序异常。$.trim() 函数可以轻松帮助我们消除这个问题。例如：

let username = $.trim($('#username').val());
if (username.length > 0) {
    alert('用户名为：' + username);
} else {
    alert('请输入用户名');
}

在上面的示例中，通过使用 $.trim() 函数，我们可以捕获用户输入中的空格，确保不会误判用户输入为空格。

示例二

同样地，对于需要将多个字符串变量合并为一字符串的场景，使用 $.trim() 函数也是非常有用的。例如：

let str1 = " Hello ";
let str2 = " World ";
let str3 = "!";
let myString = $.trim(str1) + $.trim(str2) + str3;
console.log(myString); // "HelloWorld!"

在上面的示例中，如果不使用 $.trim() 函数，字符串变量之间的空格就会影响最终的合并结果，而使用了 $.trim() 函数之后，将会消除这些干扰，使字符串变量的值更加可靠。