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:

javascript$(':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:

html<form>
  <input type="button" value="poga">
  <input type="file">
  <button>poga</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(); // novērš formas nosūtīšanu
});

Skatīt arī