Селектор text
Селектор :text избира инпути со
тип text. Погледнете го тегот
input.
Бидејќи :text не припаѓа на CSS спецификацијата,
за подобрување на перформансите во современ
прелистувачи подобро е да се користи
[type='text'].
Синтакса
Вака ги избираме инпутите со тип text:
$(':text');
Како и со другите псевдо-класи селектори
(кои започнуваат со ':'), пред ':' подобро
е да се стави името на тегот или друг селектор, во
спротивно ќе се примени селектор '*',
односно $(':text') ќе се восприеме како
$('*:text'), затоа наместо тоа подобро е да се
користи $('input:text').
Треба да се запомни дека :text ќе избере
и сите инпути кај кои не е наведен атрибутот type,
разликите во однесувањето може да се видат во следниот
пример:
$('<input>').is('[type=text]'); // ќе врати false
$('<input>').is(':text'); // ќе врати true
Пример
Ајде, да ги избереме сите инпути со тип text и
да им направиме зелен фон и црвена рамка со методот
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:text').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // спречува испраќање на формата
});
