Përzgjedhësi text
Përzgjedhësi :text përzgjedh inputet me
tipin text. Shihni tagun
input.
Meqenëse :text nuk i përket specifikimit të CSS,
për të përmirësuar performancën në shfletuesit modernë
është më mirë të përdoret [type='text'] në vend të tij.
Sintaksa
Kështu ne përzgjedhim inputet me tipin text:
$(':text');
Ashtu si me përzgjedhësit e tjerë pseudo-klasë
(që fillojnë me ':'), përpara ':' është më mirë
të vendoset emri i tagut ose i një përzgjedhësi tjetër,
përndryshe do të aplikohet përzgjedhësi '*',
domethënë $(':text') do të perceptohet si
$('*:text'), prandaj në vend të kësaj është më mirë
të përdoret $('input:text').
Duhet mbajtur mend se :text gjithashtu do të zgjedhë
të gjitha inputet, për të cilat nuk është specifikuar atributi type,
ndryshimet në sjellje mund të shihen në shembullin e mëposhtëm:
$('<input>').is('[type=text]'); // kthen false
$('<input>').is(':text'); // kthen true
Shembull
Le të zgjedhim të gjitha inputet me tipin text dhe
t'i bëjmë ato me sfond të gjelbër dhe kornizë të kuqe duke përdorur metodën
css:
<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(); // parandalon dërgimin e formës
});