jQuery Convert Text to Uppercase/Lowercase
Share
jQuery Code Snippets to convert text on a web page to uppercase or lowercase. Could be useful for changing text styles on your web page without using css (although there is a css example below also).
Uppercase/Lowercase using jQuery
//Lowercase
$('jqueryselector').val($(this).val().toLowerCase());
//Uppercase
$('jqueryselector').val($(this).val().toUpperCase());
Capitalize using CSS
If you wanted to capitalise first letter of each word you could do this by using CSS.
.capitalise
{
text-transform:capitalize;
}
Then attach it to the element.
$('jqueryselector').addClass('capitalise');