File selektoru
:file selektoru, fayl yükləmə sahələri olan
file tipi olan elementləri seçir.
$(':file') ifadəsinin ekvivalenti
$('[type=file]') ifadəsidir.
:file CSS spesifikasiyasına aid olmadığı üçün,
müasir brauzerlərdə daha yaxşı performans üçün onun yerinə
[type='file'] ifadəsini tətbiq etmək daha yaxşıdır.
Sintaksis
file tipi olan elementləri belə seçirik:
$(':file');
Digər psevdo-sinf selektorları ilə olduğu kimi
(':' ilə başlayan), ':' işarəsindən əvvəl
teq adını və ya başqa selektoru qoymaq daha yaxşıdır,
əks halda '*' selektoru tətbiq olunacaq,
yəni $(':file') ifadəsi
$('*:file') kimi qəbul olunacaq, buna görə də onun yerinə
$('input:file') ifadəsini istifadə etmək daha yaxşıdır.
Nümunə
Gəlin, file tipi olan bütün inputları seçək və
css metodu ilə
onlara yaşıl fon və qırmızı çərçivə edək:
<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(); // formanın göndərilməsinin qarşısını alır
});
<-javascript->
