Селектор 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(); // шаклни юборишнинг олдини олади
});

Шунингдек қаранг