Селектор button
Селектор :button бира елементе-дугмад и
све елементе са типом button. Погледајте
тагове button,
input
са типом button.
Еквивалент $(':button') је
$('button'), $("input[type='button']").
Пошто :button није део CSS спецификације,
за бољи перформансе у модерним
претраживачима боље је прво филтрирати елементе
користећи чисти css-селектор, а затим
применити .filter(':button').
Синтакса
Овако бирамо дугмад:
$(':button');
Пример
Хајде, у складу са горњом теоријом,
да изаберемо сва дугмад и да им направимо зелену позадину и
црвени оквир, додајући им класу marked
помоћу методе
addClass:
<form>
<input type="button" value="dugme">
<input type="file">
<button>dugme</button>
<input type="reset">
<input type="radio">
<input type="text">
</form>
.marked {
background-color: green;
border: 2px red solid;
}
$(':button').addClass('marked');
$('form').submit(function(event) {
event.preventDefault(); // спречава слање форме
});