ফাইল সিলেক্টর
: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->
