Селектор 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->
