Selektors button
Selektors :button izvēlas elementus-pogas un
visus elementus ar tipu button. Skatīt
atribūtus button,
input
ar tipu button.
$(':button') ekvivalents ir
$('button'), $("input[type='button']").
Tā kā :button nepieder CSS specifikācijai,
tad, lai uzlabotu veiktspēju modernos
pārlūkprogrammās, labāk sākumā filtrēt elementus, izmantojot
tīru css-selektoru, un pēc tam
piemērot .filter(':button').
Sintakse
Tā mēs izvēlamies pogas:
$(':button');
Piemērs
Izpildīsim, saskaņā ar iepriekš minēto teoriju,
visu pogu izvēli un padarīsim tām zaļu fonu un
sarkanu apmali, pievienojot tām klasi marked
ar metodes
addClass palīdzību:
<form>
<input type="button" value="poga">
<input type="file">
<button>poga</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(); // novērš formas nosūtīšanu
});
