jQuery trim() method

The trim() method is used to remove the space, tabs, and all line breaks from the starting and end of the specified string. This method does not remove these characters if these whitespace characters are in the middle of the string.

The commonly used syntax of using this method is given as follows.

Syntax

The trim() method accepts single parameter str, which is defined as follows.

str: It is a string that is required to be trimmed.

Example

In this example, first, we have to click the given button. After clicking the button, an alert box will be displayed showing the original string. On closing the corresponding alert box, another alert box will be displayed that shows the trimmed string.

Here, the original string contains multiple new lines, tabs, and spaces at the beginning, as well as at the end of the string.

<!DOCTYPE html>
<html>
<head>
<title> jQuery trim() method</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<body>

<h4> This is an example of using trim() method </h4>
<p style = "color: blue;"> Click the following button to trim the string </p>
<button id = "btn"> Click me </button>
<script>
$(document).ready(function(){
$("#btn").click(function(){
var str = "\n\n			 Welcome to the javaTpoint.com		\n\n";
alert("The original string is: " + str);
str = jQuery.trim(str);
alert("The trimmed string is:  " + str);
});
});
</script>
</body>

</html>

Test it Now

Output:

After the execution of the above code, the output will be -