Teksto selektorius
Selektorius :text pasirenka įvesties laukus su
tipu text. Žiūrėkite tag'ą
input.
Kadangi :text nepriklauso CSS specifikacijai,
todėl norint pagerinti našumą šiuolaikiniuose
naršyklėse, vietoj jo geriau naudoti
[type='text'].
Sintaksė
Taip mes pasirenkame įvesties laukus su tipu text:
$(':text');
Kaip ir su kitais pseudo-klasių selektoriais
(pradedančiais ':'), prieš ':' geriau
nurodyti tag'o pavadinimą ar kitą selektorių,
kitu atveju bus taikomas selektorius '*',
tai yra $(':text') bus suprantamas kaip
$('*:text'), todėl vietoj to geriau
naudoti $('input:text').
Reikia atsiminti, kad :text taip pat pasirinks
visus įvesties laukus, kuriems nenurodytas atributas type,
skirtumus elgesyje galima pamatyti šiame
pavyzdyje:
$('<input>').is('[type=text]'); // grąžins false
$('<input>').is(':text'); // grąžins true
Pavyzdys
Pažymime visus įvesties laukus su tipu text ir
padarykime jiems žalią foną ir raudoną rėmelį naudodami metodą
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(); // užkirsti kelią formos siuntimui
});
