Bộ chọn submit
Bộ chọn :submit chọn các phần tử có type
submit,
là các nút gửi biểu mẫu.
Thông thường bộ chọn :submit được áp dụng cho các nút
hoặc phần tử nhập liệu. Cần nhớ rằng một số
trình duyệt coi phần tử button, như là
có thuộc tính [type='submit'] một cách ngầm định, trong khi
những trình duyệt khác thì ngược lại. Để đảm bảo hoạt động chính xác
luôn luôn chỉ định thuộc tính type.
Vì :submit không thuộc đặc tả CSS,
nên để cải thiện hiệu suất trong các
trình duyệt hiện đại thay vào đó tốt hơn nên sử dụng
[type='submit'].
Cú pháp
Đây là cách chúng ta chọn các phần tử có type submit:
$(':submit');
Ví dụ
Hãy, theo lý thuyết đã nêu ở trên,
chọn tất cả các phần tử có type submit,
là con cháu của phần tử td.
Hãy tạo cho td này nền màu xanh lá cây
và viền màu đỏ bằng phương thức
css:
<form>
<table border="1" cellpadding="10" align="center">
<tr><th>Phần tử</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>
$('td:submit')
.parent('td')
.css({background: 'green', border: '2px red solid'})
.end();
$('form').submit(function(event) {
event.preventDefault(); // ngăn chặn việc gửi biểu mẫu
});
