jQuery селектор :file

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

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

jQuery селектор :file эквивалентен следующему селектору атрибутов:

$("[type="file"]")

jQuery синтаксис:

$(":file")

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

1.0

Селектор в CSS

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

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery селектора :file</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$(document).ready(function(){
	   $(":file").css("border", "5px solid green"); // выбираем все элементы <input>, которые имеют атрибут type со значением file.
	});
		</script>
	</head>
	<body>
		<form>
			<input type = "file">
		</form>
	</body>
</html>

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

Результат нашего примера:

Пример использования jQuery селектора :file.

jQuery селекторы