Selektor file
Selektor :file vyberá prvky s
typom file, ktoré sú poliami pre nahratie súboru.
Ekvivalentom $(':file') je
$('[type=file]').
Pretože :file nepatrí do CSS špecifikácie,
pre zlepšenie výkonu v moderných
prehliadačoch je lepšie použiť namiesto neho
[type='file'].
Syntax
Takto vyberieme prvky s typom file:
$(':file');
Rovnako ako s inými selektormi pseudo-tried
(začínajúcimi sa ':'), pred ':' je lepšie
uviesť názov tagu alebo iného selektora, v
opačnom prípade bude použitý selektor '*',
to znamená $(':file') bude chápaný ako
$('*:file'), preto je lepšie namiesto toho
použiť $('input:file').
Príklad
Vyberme všetky inputy s typom file a
nastavme im zelené pozadie a červený rám pomocou metódy
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="password">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
<+javascript+>
$('form input:file').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // zabráni odoslaniu formulára
});
<-javascript->
