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:

javascript$(':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:

html<form>
  <input type="button" value="button">
  <input type="file">
  <button>button</button>
  <input type="reset">
  <input type="radio">
  <input type="text">
</form>

css.marked {
  background-color: green;
  border: 2px red solid;
}

javascript$(':button').addClass('marked');

$('form').submit(function(event) {
  event.preventDefault(); // ngăn chặn việc gửi biểu mẫu
});

Xem thêm