Selector text
Selectorul :text selectează intrările cu
tipul text. Vedeți eticheta
input.
Deoarece :text nu face parte din specificația CSS,
pentru a îmbunătăți performanța în browserele moderne
este mai bine să folosiți în loc
[type='text'].
Sintaxă
Așa selectăm intrările cu tipul text:
$(':text');
La fel ca și cu alte selectoare de pseudo-clase
(ce încep cu ':'), înainte de ':' este mai bine
să puneți numele etichetei sau al altui selector, în
caz contrar se va aplica selectorul '*',
adică $(':text') va fi perceput ca
$('*:text'), de aceea în loc de aceasta este mai bine
să folosiți $('input:text').
Trebuie reținut că :text va selecta de asemenea
toate intrările cărora nu le este specificat atributul type,
diferențele de comportament pot fi văzute în următorul
exemplu:
$('<input>').is('[type=text]'); // returnează false
$('<input>').is(':text'); // returnează true
Exemplu
Hai să selectăm toate intrările cu tipul text și
să le facem un fundal verde și o bordură roșie cu metoda
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(); // împiedică trimiterea formularului
});
