Knoppie-kieër
Die kieër :button kies knoppie-elemente en
alle elemente met die tipe button. Sien die
etikette button,
input
met tipe button.
Die ekwivalent van $(':button') is
$('button'), $("input[type='button']").
Aangesien :button nie tot die CSS-spesifikasie behoort nie,
om werkverrigting in moderne blaaiers te verbeter,
is dit beter om eers die elemente te filtreer met
die gebruik van 'n suiwer CSS-kieër, en dan
.filter(':button') toe te pas.
Sintaksis
So kies ons knoppies:
$(':button');
Voorbeeld
Laat ons, volgens die bostaande teorie,
alle knoppies kies en vir hulle 'n groen agtergrond en
rooi raam gee, deur die klas marked by te voeg
met die metode
addClass:
<form>
<input type="button" value="button">
<input type="file">
<button>button</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(); // voorkom die vorm se indiening
});
