The Text Selector selects all input fields of type text. It does not select Textarea elements. We can select all text of the web page with Text Selector. The Test selector $( ":text" ) is equivalent to $( "*:text" ). it not part of the CSS specification and it's a jqurry extention.

Syntax  $(":text")

Example

<!doctype html>
	<html lang="en">
	<head>
	  <meta charset="utf-8">
	  <title>text demo</title>
	  <style>
	  textarea {
	    height: 25px;
	  }
	  </style>
	  <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
	</head>
	<body>
	 
	<form
	 <input type="hidden"> <br><br>
	 Text <input type="text"> <br><br>
	 Radio button <input type="radio"> <br><br>
	 Checkbox <input type="checkbox"> <br><br>
	 File <input type="file">  <br><br>
	 Text <input type="text"> <br><br>
	 <input type="submit"> <br><br>
	</form>
	<div></div>
	<script>
		var input = $( "form input:text" ).css({
		  background: "yellow",
		  border: "3px red solid"
		});
		 
		$( "div" )
		  .text( "Text found =" + input.length + "." )
		  .css( "color", "red" );
		 
		// Prevent form submission
		$( "form" ).submit(function( event ) {
		  event.preventDefault();
		});
	</script>	 
	</body>
	</html>