Селектар password
Селектар :password выбірае элементы з
тыпам password. Глядзіце
полы для ўводу пароля.
Эквівалентам $(':password') з'яўляецца
$('[type=password]').
Паколькі :password не адносіцца да CSS спецыфікацыі,
то для паляпшэння прадукцыйнасці ў сучасных
браўзерах замест яго лепш ужыць
[type='password'].
Сінтаксіс
Так мы выбіраем полы з тыпам password:
$(':password');
Як і з іншымі селектарамі псеўда-класамі
(якія пачынаюцца з ':'), перад ':' лепш
паставіць назву тэга або іншага селектара, у
адваротным выпадку будзе ўжыты селектар '*',
гэта значыць $(':password') будзе ўспрымацца як
$('*:password'), таму замест гэтага лепш
выкарыстоўваць $('input:password').
Прыклад
Давайце, выбяром усе інпуты з тыпам password і
зробім ім зялёны фон і чырвоную рамку з дапамогай метаду
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="password">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
<+javascript+>
$('form input:password').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // прадухіляе адпраўку формы
});
<-javascript->
