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(); // форманы жіберуді болдырмайды
});

Сондай-ақ қараңыз