Селектор submit

Селектори :submit элементҳои навъи submit-ро, ки тугмаҳои ирсол кардани форм мебошанд, интихоб мекунад. Одатан селектори :submit ба тугмаҳо ё элементҳои вуруд татбиқ карда мешавад. Бояд дар хотир дошт, ки баъзе браузерҳо элементро button, ҳамчун дорандаи [type='submit'] нозуру, дар ҳоле ки дигарон баръакс мефаҳманд. Барои кафолати корди дуруст ҳамеша хосияти type-ро муайян кунед. Азбаски :submit ба муқаррароти CSS нисбат дода намешавад, пас барои беҳтар намудани суръатбахшӣ дар браузерҳои муосир ба ҷои он беҳтар аст [type='submit'] истифода шавад.

Синтаксис

Мо ба ин тавр элементҳои навъи submit-ро интихоб мекунем:

javascript$(':submit');

Намуна

Биёед, мувофиқи назарияи дар боло зикршуда, ҳамаи элементҳои навъи submit-ро, ки фарзандҳои элементҳои td мебошанд, интихоб кунем. Барои ин 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(); // аз ирсоли форм пешгирӣ мекунад
});

Инчунин бубинед