Filvælger
Vælgeren :file vælger elementer med
typen file, som er filuploadfelter.
Ækvivalenten til $(':file') er
$('[type=file]').
Da :file ikke hører til CSS-specifikationen,
er det for at forbedre ydeevnen i moderne
browsere bedre at bruge
[type='file'] i stedet.
Syntaks
Sådan vælger vi elementer med typen file:
$(':file');
Som med andre pseudoklasse-vælgere
(der starter med ':'), er det bedre at
sætte tag-navnet eller en anden vælger foran ':', i
modsat fald anvendes vælgeren '*',
det vil sige $(':file') vil blive opfattet som
$('*:file'), så i stedet er det bedre at
bruge $('input:file').
Eksempel
Lad os vælge alle inputfelter med typen file og
give dem en grøn baggrund og en rød ramme ved hjælp af metoden
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(); // forhindrer afsendelse af formular
});
<-javascript->
