ซีเล็กเตอร์ reset
ซีเล็กเตอร์ :reset เลือกองค์ประกอบที่มี
ประเภท reset ซึ่งเป็นปุ่มล้างข้อมูลฟอร์ม
เทียบเท่ากับ $(':reset') คือ
$('[type=reset]')
เนื่องจาก :reset ไม่ได้อยู่ในข้อกำหนด CSS
เพื่อประสิทธิภาพที่ดีกว่าในเบราว์เซอร์สมัยใหม่
ควรใช้ [type='reset'] แทน
ไวยากรณ์
นี่คือวิธีเลือกองค์ประกอบประเภท reset:
$(':reset');
ตัวอย่าง
มาเลือกอินพุตทั้งหมดประเภท reset และ
ตั้งพื้นหลังเป็นสีเขียวและขอบสีแดงด้วยเมธอด
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+>
$('input:reset').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // ป้องกันการส่งฟอร์ม
});
<-javascript->
