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