File saýlawçysy

:file saýlawçysy faýl ýükleme meýdanlary bolup durýan, file görnüşli elementleri saýlaýar. $(':file')-iň deňi $('[type=file]'). :file CSS düzgünine degişli bolmadygy üçin, häzirki brauzerlerde ýokary işleýş üçin onuň ýerine [type='file'] ulanmak has gowy.

Sintaksis

file görnüşli elementleri şeýle saýlaýarys:

javascript$(':file');

Beýleki psewdo-klassy saýlawçylary bilen (':' bilen başlaýan) ýaly, ':'-den öň bellik adyny ýa-da beýle bir saýlawçyny goýmak gowy, ýogsa '*' saýlawçysy ýagny $('*:file') ulanylar, şonuň üçin $(':file') ýerine $('input:file') ulanmak has gowy.

Mysal

Geliň, file görnüşli ähli inputlary saýlap, css usuly bilen olara ýaşyl fon we gyzyl çäk bereliň:

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(); // formany ibermegiň öňüni alýar });

<

-javascript->

Hem göresiňiz