Bộ chọn button
Bộ chọn :button chọn các phần tử là nút và
tất cả các phần tử có loại button. Xem
các thẻ button,
input
với loại button.
Tương đương của $(':button') là
$('button'), $("input[type='button']").
Vì :button không thuộc đặc tả CSS,
để cải thiện hiệu suất trong các
trình duyệt hiện đại, tốt hơn nên lọc trước các phần tử với
việc sử dụng bộ chọn css thuần túy, sau đó
áp dụng .filter(':button').
Cú pháp
Đây là cách chúng ta chọn các nút:
$(':button');
Ví dụ
Hãy, theo lý thuyết ở trên,
chọn tất cả các nút và tạo cho chúng nền màu xanh lá cây và
viền màu đỏ, bằng cách thêm cho chúng lớp marked
với phương thức
addClass:
<form>
<input type="button" value="button">
<input type="file">
<button>button</button>
<input type="reset">
<input type="radio">
<input type="text">
</form>
.marked {
background-color: green;
border: 2px red solid;
}
$(':button').addClass('marked');
$('form').submit(function(event) {
event.preventDefault(); // ngăn chặn việc gửi biểu mẫu
});
