JQuery | trim() Method

Last Updated : 20 Jan, 2022

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= 
"https://code.jquery.com/jquery-3.4.1.js"> 
    </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= 
"https://code.jquery.com/jquery-3.4.1.js"> 
    </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:

JQuery sub() Method

SHUBHAMSINGH10

Improve

Article Tags :

JQuery | trim() Method

html

html

Similar Reads

Thank You!

What kind of Experience do you want to share?