Text selektory
Selektor :text, text tipindäki input
elementlerini saýlaýar. input
tegine serediň. :text selektory CSS spisifikasiýasyna
girmeýändigi üçin, häzirki brauzerlerde onuň ýerine
ýokary işleýiş üçin [type='text'] ulanylmagy maslahat
berilýär.
Sintaksis
Text tipindäki input elementlerini şeýle saýlaýarys:
$(':text');
Beýleki psewdo-klas selektorlary ýaly (':' bilen
başlaýan), ':' simwifiniň öňünde teg adyny ýa-da
başga selektory goýmak gowy, ýogsam '*' selektory ulanylar,
ýagny $(':text') $('*:text') hökmünde kabul
ediler, şonuň üçin onuň ýerine $('input:text') ulanylmagy
maslahat berilýär. Ýatda saklamaly, :text selektory
type atributy kesgitlenmedik input elementlerini hem
saýlaýar, şu ýagdaýdaky tapawudy aşakdaky mysalda görüp
bileriňiz:
$('<input>').is('[type=text]'); // false gaýtarar
$('<input>').is(':text'); // true gaýtarar
Mysal
Geliň, text tipindäki ähli input elementlerini saýlap,
css
metoduny ulanyp, olara ýaşyl fon we gyzyl çägiriş bereliň:
<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(); // formany ibermegiň öňüni alyar
});
