jQuery css()เมธอด
ตัวอย่าง
ตั้งค่าคุณสมบัติสีของทุก <p> องค์ประกอบ:
$("button").click(function(){
$("p").css("color", "red");
});
ความหมายและการใช้งาน
เมธอด css() ตั้งค่าหรือส่งคืนคุณสมบัติสไตล์อย่างน้อยหนึ่งรายการสำหรับองค์ประกอบที่เลือก
เมื่อใช้เพื่อส่งคืนคุณสมบัติ:
เมธอดนี้ส่งคืนค่าคุณสมบัติ CSS ที่ระบุขององค์ประกอบที่ตรงกัน FIRST อย่างไรก็ตาม คุณสมบัติ CSS แบบย่อ (เช่น "พื้นหลัง" และ "เส้นขอบ") ไม่ได้รับการสนับสนุนอย่างสมบูรณ์และอาจให้ผลลัพธ์ที่แตกต่างกันในเบราว์เซอร์ต่างๆ
เมื่อใช้เพื่อตั้งค่าคุณสมบัติ:
เมธอดนี้ตั้งค่าคุณสมบัติ CSS ที่ระบุสำหรับองค์ประกอบที่ตรงกันทั้งหมด
ไวยากรณ์
ส่งกลับค่าคุณสมบัติ CSS:
$(selector).css(property)
ตั้งค่าคุณสมบัติ CSS และค่า:
$(selector).css(property,value)
ตั้งค่าคุณสมบัติ CSS และค่าโดยใช้ฟังก์ชัน:
$(selector).css(property,function(index,currentvalue))
ตั้งค่าคุณสมบัติและค่าหลายรายการ:
$(selector).css({property:value, property:value,
...})
| Parameter | Description |
|---|---|
| property | Specifies the CSS property name, like "color", "font-weight", etc. |
| value | Specifies the value of the CSS property, like "red", "bold", etc. |
| function(index,currentvalue) | Specifies a function that returns the new value for the CSS property
|
ลองด้วยตัวคุณเอง - ตัวอย่าง
กลับค่าคุณสมบัติ CSS ที่ระบุขององค์ประกอบที่ตรงกันครั้งแรก
การใช้ฟังก์ชันเพื่อเปลี่ยนคุณสมบัติ CSS สำหรับองค์ประกอบที่เลือก
วิธีตั้งค่าคุณสมบัติและค่า CSS หลายรายการสำหรับองค์ประกอบที่เลือก