Селектор file - выбор элементов с типом 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->