File ընտրիչ
:file ընտրիչը ընտրում է
file տիպով էլեմենտները, որոնք ֆայլերի վերբեռնման դաշտեր են:
$(':file')-ի համարժեքն է
$('[type=file]'):
Քանի որ :file-ը չի պատկանում CSS սպեցիֆիկացիային,
ապա ժամանակակից բրաուզերներում կատարողականությունը բարելավելու համար դրա փոխարեն ավելի լավ է օգտագործել
[type='file']:
Շարահյուսություն
Այսպես մենք ընտրում ենք file տիպով էլեմենտները:
$(':file');
Ինչպես մյուս կեղծ-դասերի ընտրիչների դեպքում
(որոնք սկսվում են ':'-ով), ':'-ից առաջ ավելի լավ է
գրել տեգի անունը կամ այլ ընտրիչ,
հակառակ դեպքում կկիրառվի '*' ընտրիչը,
այսինքն $(':file')-ը կընկալվի որպես
$('*:file'), ուստի դրա փոխարեն ավելի լավ է
օգտագործել $('input:file'):
Օրինակ
Եկեք ընտրենք բոլոր file տիպով ինփուտները և
դարձնենք դրանց կանաչ ֆոն և կարմիր շրջանակ՝ օգտագործելով
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:file').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // կանխում է ֆորմայի ուղարկումը
});
<-javascript->
