Селектар button

Селектар :button выбірае элементы-кнопкі і ўсе элементы з тыпам button. Глядзіце тэгі button, input з тыпам button. Эквівалентам $(':button') з'яўляецца $('button'), $("input[type='button']"). Паколькі :button не адносіцца да CSS спецыфікацыі, то для паляпшэння прадукцыйнасці ў сучасных браўзерах лепш у пачатку адфільтраваць элементы з выкарыстаннем чыстага css-селектара, а затым ужыць .filter(':button').

Сінтаксіс

Так мы выбіраем кнопкі:

javascript$(':button');

Прыклад

Давайце, згодна з прыведзенай вышэй тэорыяй, выбяром усе кнопкі і зробім ім зялёны фон і чырвоную рамку, дадаўшы ім клас marked з дапамогай метаду 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(); // прадухіляе адпраўку формы
});

Глядзіце таксама