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