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: