ตัวเลือก 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->
