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->
