Селектор 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(); // формани юборишнинг олдини олади
});

Шунингдек қаранг