Submit Seçici

:submit seçicisi, form gönderme düğmeleri olan submit tipindeki öğeleri seçer. Genellikle :submit seçicisi düğmelere veya giriş öğelerine uygulanır. Bazı tarayıcıların button öğesini örtülü olarak [type='submit'] şeklinde algıladığını, diğerlerinin ise tam tersi olduğunu unutmamak gerekir. Doğru çalışmasını garanti etmek için her zaman type özelliğini belirtin. :submit CSS spesifikasyonuna ait olmadığı için, modern tarayıcılarda performansı artırmak amacıyla bunun yerine [type='submit'] kullanılması daha iyidir.

Sözdizimi

submit tipindeki öğeleri şu şekilde seçeriz:

javascript$(':submit');

Örnek

Yukarıda belirtilen teoriye göre, td öğelerinin alt öğeleri olan tüm submit tipindeki öğeleri seçelim. Bu td öğelerine css yöntemiyle yeşil arka plan ve kırmızı kenarlık verelim:

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(); // formun gönderilmesini engeller
});

Ayrıca Bakınız