ตัวอย่าง
ตั้งค่าคุณสมบัติของสีทั้งหมด <p> องค์ประกอบ:
$("button").click(function(){
$("p").css("color", "red");
});
ลองตัวเอง» ความหมายและการใช้งาน
css() ชุดวิธีการหรือส่งกลับอย่างใดอย่างหนึ่งหรือคุณสมบัติรูปแบบมากขึ้นสำหรับองค์ประกอบที่เลือก
เมื่อนำมาใช้เพื่อกลับคุณสมบัติ:
วิธีการนี้จะส่งกลับค่าของคุณสมบัติ CSS ระบุองค์ประกอบแรกที่จับคู่ อย่างไรก็ตามคุณสมบัติจดชวเลข CSS (เช่น "background" และ "border" ) ไม่ได้รับการสนับสนุนอย่างเต็มที่และอาจให้ผลลัพธ์ที่แตกต่างกันในเบราว์เซอร์ที่แตกต่างกัน
เมื่อนำมาใช้ในการตั้งค่าคุณสมบัติ:
วิธีการนี้จะกำหนดคุณสมบัติที่ระบุไว้ CSS สำหรับองค์ประกอบที่ตรงทั้งหมด
วากยสัมพันธ์
กลับมูลค่าทรัพย์สิน CSS นี้:
$(selector).css( property )
ตั้งค่าคุณสมบัติ CSS และความคุ้มค่า:
$(selector).css(property,value)
ตั้งค่าคุณสมบัติ CSS และค่าใช้ฟังก์ชั่น:
$(selector).css(property,function(index,currentvalue))
การตั้งค่าคุณสมบัติและค่าหลาย:
$(selector).css({property:value, property:value,
...})
| พารามิเตอร์ | ลักษณะ |
|---|---|
| property | ระบุชื่อคุณสมบัติ CSS เช่น "color", "font-weight" ฯลฯ |
| value | ระบุมูลค่าของทรัพย์สิน CSS ที่เหมือน "red", "bold" ฯลฯ |
| function(index,currentvalue) | ระบุฟังก์ชั่นที่ส่งกลับค่าใหม่สำหรับทรัพย์สิน CSS ที่
|
ลองตัวเอง - ตัวอย่าง
กลับมูลค่าทรัพย์สิน CSS
กลับค่าของคุณสมบัติ CSS ระบุขององค์ประกอบคู่แรกก่อน
ตั้งค่าคุณสมบัติ CSS และค่าใช้ฟังก์ชั่น
การใช้ฟังก์ชั่นในการเปลี่ยนคุณสมบัติ CSS สำหรับองค์ประกอบที่เลือก
การตั้งค่าคุณสมบัติ CSS และหลายคู่ค่า
วิธีการตั้งค่าคุณสมบัติ CSS หลายและค่าสำหรับองค์ประกอบที่เลือก