A button szelektor

A :button szelektor gombelemeket és minden button típusú elemet választ ki. Lásd a button, input címkéket button típussal. A $(':button') megfelelője a $('button'), $("input[type='button']"). Mivel a :button nem része a CSS specifikációnak, ezért a modern böngészőkben a jobb teljesítmény érdekében célszerű először tiszta CSS-szelektorral szűrni az elemeket, majd alkalmazni a .filter(':button')-t.

Szintaxis

Így választunk ki gombokat:

javascript$(':button');

Példa

Válasszuk ki az összes gombot a fenti elmélet alapján, és tegyük zöld hátterűvé és piros keretűvé a marked osztály hozzáadásával a addClass metódus segítségével:

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(); // megakadályozza az űrlap elküldését
});

Lásd még