Селектори file
Селектори :file унсурҳоеро бо
навъи file интихоб мекунад,
ки майдонҳои боргузории файл мебошанд.
Эквиваленти $(':file') мебошад
$('[type=file]').
Азбаски :file ба тавсифномаи CSS тааллуқ надорад,
пас барои беҳтар намудани суръат дар браузерҳои муосир
ба ҷои он истифода бурдани
[type='file'] беҳтар аст.
Синтаксис
Ҳамчунин мо унсурҳоеро бо навъи file интихоб мекунем:
$(':file');
Ҳамчунон ки бо селекторҳои дигари псевдосинф
(оғозшаванда бо ':'), пеш аз ':' беҳтар аст
номи тег ё селектори дигарро гузошт,
дар акси ҳол селектори '*' истифода бурда мешавад,
яъне $(':file') ҳамчун
$('*:file') дарк карда мешавад, аз ин рӯ ба ҷои ин беҳтар аст
истифода бурдани $('input:file').
Намуна
Биёед, ҳамаи вурудии бо навъи file-ро интихоб кунем ва
барои онҳо замини сабз ва чорсӯи сурх бо роҳи истифода аз усули
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(); // пешгирии ирсоли форм
});
<-javascript->