Text ընտրիչ
:text ընտրիչը ընտրում է
text տիպով input դաշտերը: Տեսնել
input թեգը:
Քանի որ :text-ը CSS-ի սպեցիֆիկացիայի մաս չէ,
ապա կատարողականությունը բարելավելու համար ժամանակակից
բրաուզերներում ավելի լավ է օգտագործել
[type='text']-ը դրա փոխարեն:
Շարահյուսություն
Ահա այսպես ենք ընտրում text տիպով input դաշտերը:
$(':text');
Ինչպես մյուս կեղծ-դասերի ընտրիչների դեպքում
(որոնք սկսվում են ':'-ով), ':'-ից առաջ ավելի լավ է
գրել թեգի անունը կամ այլ ընտրիչ,
հակառակ դեպքում կկիրառվի '*' ընտրիչը,
այսինքն՝ $(':text')-ը կընկալվի որպես
$('*:text'), ուստի դրա փոխարեն ավելի լավ է
օգտագործել $('input:text'):
Պետք է հիշել, որ :text-ը նաև կընտրի
բոլոր input դաշտերը, որոնց համար type ատրիբուտը նշված չէ,
տարբերությունը վարքագծում կարելի է տեսնել հետևյալ
օրինակում:
$('<input>').is('[type=text]'); // կվերադարձնի false
$('<input>').is(':text'); // կվերադարձնի true
Օրինակ
Եկեք ընտրենք բոլոր text տիպով input դաշտերը և
դարձնենք դրանց ֆոնը կանաչ, իսկ շրջանակը՝ կարմիր՝ օգտագործելով
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(); // կանխում է ֆորմայի ուղարկումը
});
