image 선택자
선택자 :image는 폼 제출용 이미지인
타입 image 요소를 선택합니다.
$(':image')의 동등한 표현은
$('[type=image]')입니다.
:image는 CSS 사양에 속하지 않기 때문에,
현대 브라우저에서 성능 향상을 위해
[type='image']를 사용하는 것이 더 좋습니다.
문법
타입 image 요소를 다음과 같이 선택합니다:
$(':image');
예제
모든 타입 image 입력 필드를 선택하고
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="image">
<input type="text">
</form>
$('input:image').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // 폼 제출 방지
});
