jQuery селектор :file

Определение и применение

jQuery селектор :file выбирает все элементы <input>, которые имеют атрибут type со значением file.

jQuery синтаксис:

JavaScript
$(":file")

Добавлен в версии jQuery

1.0

Селектор в CSS

Это селектор jQuery, он не является частью спецификации CSS.

Пример использования

Селектор :file — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 4.0.0.

index.html
HTML
<form>
  <input type="file" />
</form>
main.js
JavaScript
$(document).ready(function () {
    $(':file').css('border', '5px solid green') // выбираем все элементы <input>, которые имеют атрибут type со значением file.
})
style.css
CSS
body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}

В этом примере с использованием селектора :file мы выбрали и стилизовали все элементы <input>, которые имеют атрибут type со значением file.