Selects all input elements of type text.
$( ":text" ) allows us to select all <input type="text"> elements. As with other pseudo-class selectors (those that begin with a ":") it is recommended to precede it with a tag name or some other selector; otherwise, the universal selector ( "*" ) is implied. In other words, the bare $( ":text" ) is equivalent to $( "*:text" ), so $( "input:text" ) should be used instead.
Note: As of jQuery 1.5.2, :text selects input elements that have no specified type attribute (in which case type="text" is implied).
This difference in behavior between $( ":text" ) and $( "[type=text]" ), can be seen below:
1 2 | $( "<input>" ).is( "[type=text]" ); // false$( "<input>" ).is( ":text" ); // true |
- Because
:textis a jQuery extension and not part of the CSS specification, queries using:textcannot take advantage of the performance boost provided by the native DOMquerySelectorAll()method. For better performance in modern browsers, use[type="text"]instead.
jQuery( ":text" )
version added: 1.0
Examples:
Finds all text inputs.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | <!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>text demo</title> <style> textarea { height: 25px; } </style></head><body> <form> <input type="button" value="Input Button"> <input type="checkbox"> <input type="file"> <input type="hidden"> <input type="image"> <input type="password"> <input type="radio"> <input type="reset"> <input type="submit"> <input type="text"> <select> <option>Option</option> </select> <textarea></textarea> <button>Button</button></form><div></div> <script>var input = $( "form input:text" ).css({ background: "yellow", border: "3px red solid"}); $( "div" ) .text( "For this type jQuery found " + input.length + "." ) .css( "color", "red" ); // Prevent form submission$( "form" ).submit(function( event ) { event.preventDefault();});</script> </body></html> |
Please login to continue.