Tekst keuseerder
Die keuseerder :text kies insette met die
tipe text. Sien die etiket
input.
Aangesien :text nie tot die CSS spesifikasie behoort nie,
word dit aanbeveel om in moderne
blaaiers [type='text'] te gebruik vir
verhoogde werkverrigting.
Sintaksis
So kies ons insette met die tipe text:
$(':text');
Soos met ander pseudoklasse keuseerders
(wat begin met ':'), is dit beter om
die etiketnaam of 'n ander keuseerder voor ':' te plaas,
anders sal die keuseerder '*' toegepas word,
dit wil sê $(':text') sal beskou word as
$('*:text'), daarom is dit beter om
$('input:text') te gebruik.
Onthou dat :text ook alle insette sal kies
waar die type kenmerk nie gespesifiseer is nie.
Die verskil in gedrag kan gesien word in die volgende
voorbeeld:
$('<input>').is('[type=text]'); // gee false terug
$('<input>').is(':text'); // gee true terug
Voorbeeld
Laat ons alle insette met die tipe text kies en
vir hulle 'n groen agtergrond en 'n rooi rand gee deur die
css metode te gebruik:
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:text').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // voorkom die vorm se indiening
});
