Open In App

JQuery | trim() Method

Improve
Improve
Like Article
Like
Save
Share
Report

This trim() Method in jQuery is used to remove the whitespace from the beginning and end of a string

Syntax:

jQuery.trim( str )

Parameters: This method accept a single parameter which is mentioned above and described below:

  • str: This parameter is the string to be trimmed.

Return Value: It returns the string after removing the whitespaces.

Below example illustrate the use of trim() method in jQuery:
Example 1: In this example, the trim() method removes the tab and spaces at the start and at the end of the string.

html




<!DOCTYPE html>
<html>
  
<head>
    <meta charset="utf-8">
    <title>JQuery | trim() method</title>
    <script src=
    </script>
    <style>
        div {
            color: blue;
        }
    </style>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color: green"
        GeeksforGeeks 
    </h1>
  
    <h3>JQuery | trim() method</h3>
    <pre id="bb"></pre>
  
    <script>
        $("#bb").html(
            $.trim("     A computer science portal for geeks     "));
    </script>
  
</body>
  
</html>                                            



Output:

Example 2: In this example, the trim() method removes the white spaces from multiple line.

html




<!DOCTYPE html>
<html>
  
<head>
    <meta charset="utf-8">
    <title>JQuery | trim() method</title>
    <script src=
    </script>
    <style>
        pre {
            color: green;
        }
    </style>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color: green"
        GeeksforGeeks 
    </h1>
  
    <h3>JQuery | trim() method</h3>
    <pre id="geeks"></pre>
    <pre id="geeks1"></pre>
    <script>
        var varr = "\nIt removes all newlines, \n spaces"+
            " and \n tabs from the beginning and end of string.\n"
        var varr1 = " \n Whitespace in the middle"+
            " of string are preserved\n"
        $("#geeks").html("<b>Original : <br></b>" 
                         + varr + varr1);
        $("#geeks1").html("<b>Trimmed : <br></b>"
                          + $.trim(varr) + $.trim(varr1));
    </script>
  
</body>
  
</html>       



Output:



Last Updated : 20 Jan, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads