Lêer-kiezer
Die kiezer :file kies elemente met
tipe file, wat lêeroplaai-velde is.
Die ekwivalent van $(':file') is
$('[type=file]').
Aangesien :file nie tot die CSS-spesifikasie behoort nie,
is dit beter om in moderne
blaaiers [type='file'] te gebruik in plaas daarvan
vir beter werkverrigting.
Sintaksis
So kies ons elemente met tipe file:
$(':file');
Soos met ander pseudo-klas-kiesers
(wat begin met ':'), is dit beter om
die tagnaam of 'n ander kiezer voor ':' te plaas, anders
sal die kiezer '*' toegepas word,
dus $(':file') sal verstaan word as
$('*:file'), daarom is dit beter om
$('input:file') te gebruik in plaas hiervan.
Voorbeeld
Kom ons kies alle invoere met tipe file en
maak hulle agtergrond groen en omlyning rooi met behulp van die metode
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(); // verhoed die vorm se indiening
});
<-javascript->