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->
