file සෙලෙක්ටරය

:file සෙලෙක්ටරය ගොනු උඩුගත කිරීමේ ක්ෂේත්‍ර වන, file වර්ගයේ මූලද්‍රව්‍ය තෝරා ගනී. $(':file') හි සමානය වන්නේ $('[type=file]') ය. :file CSS විශේෂාංගයට අයත් නොවන බැවින්, අදාළ බ්‍රවුසරවල කාර්යක්ෂමතාව වැඩිදියුණු කිරීම සඳහා එයට පෙර [type='file'] යොදාගැනීම වඩාත් සුදුසුය.

වාක්‍ය රචනා ක්‍රමය

මෙහිදී අපි file වර්ගයේ මූලද්‍රව්‍ය තෝරා ගනිමු:

javascript$(':file');

වෙනත් සියළුම සුළු-වර්ගීය සෙලෙක්ටර සමඟම (':' වලින් ආරම්භ වන), ':' කට පෙර ටැග් නම හෝ වෙනත් සෙලෙක්ටරයක් යොදා ගැනීම වඩා හොඳය, එසේ නොමැතිව '*' සෙලෙක්ටරය යොදනු ඇත, එනම් $(':file') ලෙස අර්ථ දක්වනු ඇත $('*:file'), එම නිසා ඊට පෙර $('input:file') භාවිතා කිරීම වඩා හොඳය.

උදාහරණය

අපි සියළුම file වර්ගයේ ආදාන ක්ෂේත්‍ර තෝරා ගෙන ඒවාට කොළ පසුබිමක් සහ රතු දාරයක් ලබා දෙමු css ක්‍රමය භාවිතයෙන්:

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(); // පෝරමය යැවීම වළක්වයි });

<

-javascript->

තවත් බලන්න