პაროლის სელექტორი
სელექტორი :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->
