Только текстовые поля
: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~