Izbirnik text
Izbirnik :text izbere vnosna polja z
vrsto text. Oglejte si oznako
input.
Ker :text ne spada v CSS specifikacijo,
je za boljšo zmogljivost v sodobnih
brskalnikih bolje uporabiti
[type='text'].
Sintaksa
Tako izberemo vnosna polja z vrsto text:
$(':text');
Tako kot pri drugih izbirnikih psevdorazredov
(ki se začnejo z ':'), je pred ':' bolje
napisati ime oznake ali drugega izbirnika, v
nasprotnem primeru bo uporabljen izbirnik '*',
to pomeni, da bo $(':text') razumljen kot
$('*:text'), zato je namesto tega bolje
uporabiti $('input:text').
Ne smemo pozabiti, da bo :text izbral tudi
vsa vnosna polja, kjer atribut type ni določen,
razlike v obnašanju lahko vidite v naslednjem
primeru:
$('<input>').is('[type=text]'); // vrne false
$('<input>').is(':text'); // vrne true
Primer
Izberimo vsa vnosna polja z vrsto text in
naredimo zeleno ozadje in rdeč okvir z metodo
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(); // prepreči pošiljanje obrazca
});
