Селектар text
Селектар :text выбірае інпуты з
тыпам text. Глядзіце тэг
input.
Так як :text не адносіцца да CSS спецыфікацыі,
то для паляпшэння прадукцыйнасці ў сучасных
браўзерах замест яго лепш ужыць
[type='text'].
Сінтаксіс
Так мы выбіраем інпуты з тыпам text:
$(':text');
Як і з іншымі селектарамі псеўда-класамі
(якія пачынаюцца з ':'), перад ':' лепш
паставіць назву тэга або іншага селектара, у
адваротным выпадку будзе ўжыты селектар '*',
гэта значыць $(':text') будзе ўспрымацца як
$('*:text'), таму замест гэтага лепш
выкарыстоўваць $('input:text').
Трэба памятаць, што :text таксама выбярэ
ўсе інпуты, у якіх не паказаны атрыбут type,
убачыць адрозненні ў паводзінах можна на наступным
прыкладзе:
$('<input>').is('[type=text]'); // верне false
$('<input>').is(':text'); // верне true
Прыклад
Давайце, выбяром усе інпуты з тыпам text і
зробім ім зялёны фон і чырвоную рамку з дапамогай метаду
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(); // прадухіляе адпраўку формы
});