submit 셀렉터
셀렉터 :submit 는 폼 제출 버튼인
submit
타입 요소를 선택합니다.
일반적으로 :submit 셀렉터는 버튼
또는 입력 요소에 적용됩니다. 일부
브라우저는 button 요소를 암시적으로
[type='submit'] 를 가진 것으로 간주하는 반면,
다른 브라우저는 그렇지 않다는 점을 기억해야 합니다.
올바른 작동을 보장하기 위해
항상 type 속성을 명시적으로 지정하세요.
:submit 는 CSS 사양에 속하지 않기 때문에,
성능 향상을 위해 현대
브라우저에서는 이를 대신하여
[type='submit'] 를 사용하는 것이 좋습니다.
문법
다음과 같이 submit 타입 요소를 선택합니다:
$(':submit');
예제
위에서 설명한 이론에 따라,
td 요소의 자손인 모든
submit 타입 요소를 선택해 봅시다.
이 td 에 녹색 배경
과 빨간색 테두리를 css 메서드를 사용하여
적용하겠습니다:
<form>
<table border="1" cellpadding="10" align="center">
<tr><th>Element</th></tr>
<tr><td><input type="button" value="button"></td></tr>
<tr><td><input type="file"></td></tr>
<tr><td><input type="password"></td></tr>
<tr><td><button>button</button></td></tr>
<tr><td><input type="reset"></td></tr>
<tr><td><input type="submit"></td></tr>
<tr><td><input type="radio" name="test"></td></tr>
<tr><td><input type="checkbox"></td></tr>
<tr><td><button type="submit">button</button></td></tr>
<tr><td><input type="text"></td></tr>
</table>
</form>
$('td:submit')
.parent('td')
.css({background: 'green', border: '2px red solid'})
.end();
$('form').submit(function(event) {
event.preventDefault(); // 폼 제출을 방지합니다
});
