Только текстовые поля

:text1.0

Соответствует элементам, которые являются текстовыми полями (input-элементы с типом text).

Замечание 1: использовать фильтр без предшествующего селектора (то есть $(":text") вместо $("selector:text")) не рекомендуется, поскольку это эквивалентно $("*:text"), а универсальный селектор "*" работает очень медленно. Лучше будет использовать такую запись: $("input:text").

Замечание 2: "input:text" сработает так же, как и селектор по атрибутам "[type=text]". Однако, рекомендуется использовать первый вариант.

Примеры использования:

$(".formBox input:text") вернет текстовые поля, находящиеся внутри элементов с классом formBox.

В действии

Найдем текстовые поля на странице и выделим их красной рамкой:

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~style~gt~
  button, input{margin:10px}
  textarea{ height:45px; }
  ~lt~/style~gt~
  ~lt~script src="https://code.jquery.com/jquery-latest.min.js"~gt~~lt~/script~gt~
~lt~/head~gt~
~lt~body~gt~
  ~lt~form~gt~
    ~lt~input type="text" value="text" /~gt~~lt~br~gt~
    ~lt~input type="checkbox" /~gt~~lt~br~gt~
    ~lt~input type="password" /~gt~~lt~br~gt~
    ~lt~input type="radio" /~gt~
  ~lt~/form~gt~
~lt~script~gt~
    $("input:text").css("border", "2px red solid");
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~

Ссылки

Поисковые ключи:
  • текстовые поля на странице