セレクタ 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(); // フォーム送信を防止
});

セレクタ submit

構文

例

関連項目