File saýlawçysy
:file saýlawçysy faýl ýükleme meýdanlary
bolup durýan, file görnüşli elementleri
saýlaýar. $(':file')-iň deňi
$('[type=file]').
:file CSS düzgünine degişli bolmadygy
üçin, häzirki brauzerlerde ýokary işleýş üçin
onuň ýerine [type='file'] ulanmak has
gowy.
Sintaksis
file görnüşli elementleri şeýle saýlaýarys:
$(':file');
Beýleki psewdo-klassy saýlawçylary bilen
(':' bilen başlaýan) ýaly, ':'-den
öň bellik adyny ýa-da beýle bir saýlawçyny goýmak
gowy, ýogsa '*' saýlawçysy ýagny
$('*:file') ulanylar, şonuň üçin
$(':file') ýerine $('input:file')
ulanmak has gowy.
Mysal
Geliň, file görnüşli ähli inputlary saýlap,
css
usuly bilen olara ýaşyl fon we gyzyl çäk bereliň:
<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(); // formany ibermegiň öňüni alýar
});
<-javascript->