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:

javascript$(':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:

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

Həmçinin bax