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:

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

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

html<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>

javascript$('form input:text').css({background: 'green', border: '2px red solid'});

$('form').submit(function(event) {
  event.preventDefault(); // parandalon dërgimin e formës
});

Shihni gjithashtu