Selektor text
Selektor :text bira input polja sa
tipom text. Pogledajte tag
input.
Kako :text nije deo CSS specifikacije,
za bolje performanse u modernim brauzerima
umesto njega je bolje koristiti
[type='text'].
Sintaksa
Ovako biramo input polja tipa text:
$(':text');
Kao i sa drugim selektorima pseudo-klasama
(koji počinju sa ':'), pre ':' je bolje
staviti naziv taga ili drugog selektora, inače
će se primeniti selektor '*',
odnosno $(':text') će se tumačiti kao
$('*:text'), zato je bolje umesto toga
koristiti $('input:text').
Treba imati na umu da će :text takođe izabrati
sva input polja kod kojih nije naveden atribut type,
razlike u ponašanju mogu se videti u sledećem
primeru:
$('<input>').is('[type=text]'); // vraća false
$('<input>').is(':text'); // vraća true
Primer
Hajde da izaberemo sva input polja tipa text i
postavimo im zelenu pozadinu i crveni okvir pomoću metode
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(); // sprečava slanje forme
});
