Селектор 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="dugme">
  <input type="file">
  <button>dugme</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(); // спречава слање форме
});

Види такође