Селектор :text


Содержание:

text selector

Описание: Selects all input elements of type text.

  • Добавлен в версии: 1.0jQuery( ":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 :text is a jQuery extension and not part of the CSS specification, queries using :text cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. For better performance in modern browsers, use [type="text"] instead.