submit 셀렉터

셀렉터 :submit 는 폼 제출 버튼인 submit 타입 요소를 선택합니다. 일반적으로 :submit 셀렉터는 버튼 또는 입력 요소에 적용됩니다. 일부 브라우저는 button 요소를 암시적으로 [type='submit'] 를 가진 것으로 간주하는 반면, 다른 브라우저는 그렇지 않다는 점을 기억해야 합니다. 올바른 작동을 보장하기 위해 항상 type 속성을 명시적으로 지정하세요. :submit 는 CSS 사양에 속하지 않기 때문에, 성능 향상을 위해 현대 브라우저에서는 이를 대신하여 [type='submit'] 를 사용하는 것이 좋습니다.

문법

다음과 같이 submit 타입 요소를 선택합니다:

javascript$(':submit');

예제

위에서 설명한 이론에 따라, td 요소의 자손인 모든 submit 타입 요소를 선택해 봅시다. 이 td 에 녹색 배경 과 빨간색 테두리를 css 메서드를 사용하여 적용하겠습니다:

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

javascript$('td:submit')
  .parent('td')
  .css({background: 'green', border: '2px red solid'})
  .end();

$('form').submit(function(event) {
  event.preventDefault(); // 폼 제출을 방지합니다
});

함께 보기