Selektor text
Selektor :text vyberá inputy s
typom text. Pozrite si tag
input.
Pretože :text nepatrí do CSS špecifikácie,
pre zlepšenie výkonu v moderných prehliadačoch je lepšie použiť namiesto neho
[type='text'].
Syntax
Takto vyberieme inputy s typom text:
$(':text');
Rovnako ako s inými selektormi pseudo-triedami
(začínajúcimi sa ':'), pred ':' je lepšie
uviesť názov tagu alebo iného selektora, inak
sa aplikuje selektor '*',
to znamená, že $(':text') sa bude chápať ako
$('*:text'), preto je lepšie namiesto toho
použiť $('input:text').
Treba si uvedomiť, že :text tiež vyberie
všetky inputy, ktoré nemajú špecifikovaný atribút type,
rozdiely v správaní môžete vidieť v nasledujúcom
príklade:
$('<input>').is('[type=text]'); // vráti false
$('<input>').is(':text'); // vráti true
Príklad
Vyberme všetky inputy s typom text a
nastavme im zelené pozadie a červený rám pomocou metódy
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(); // zabráni odoslaniu formulára
});
