Селектар 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->
