jQuery attr()เมธอด
ตัวอย่าง
ตั้งค่าแอตทริบิวต์ width ของรูปภาพ:
$("button").click(function(){
$("img").attr("width","500");
});
ความหมายและการใช้งาน
วิธี attr() ตั้งค่าหรือส่งคืนแอตทริบิวต์และค่าขององค์ประกอบที่เลือก
เมื่อวิธีนี้ใช้เพื่อคืนค่าแอตทริบิวต์ ก็จะคืนค่าขององค์ประกอบที่ตรงกัน FIRST
เมื่อวิธีนี้ใช้เพื่อตั้งค่าแอตทริบิวต์ จะตั้งค่าคู่แอตทริบิวต์/ค่าอย่างน้อยหนึ่งคู่สำหรับชุดขององค์ประกอบที่ตรงกัน
ไวยากรณ์
ส่งกลับค่าของแอตทริบิวต์:
$(selector).attr(attribute)
ตั้งค่าแอตทริบิวต์และค่า:
$(selector).attr(attribute,value)
ตั้งค่าแอตทริบิวต์และค่าโดยใช้ฟังก์ชัน:
$(selector).attr(attribute,function(index,currentvalue))
ตั้งค่าแอตทริบิวต์และค่าหลายรายการ:
$(selector).attr({attribute:value, attribute:value,...})
| Parameter | Description |
|---|---|
| attribute | Specifies the name of the attribute |
| value | Specifies the value of the attribute |
| function(index,currentvalue) | Specifies a function that returns the attribute value to set
|
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีการคืนค่าแอตทริบิวต์สำหรับองค์ประกอบ
วิธีใช้ฟังก์ชันเพื่อตั้งค่าแอตทริบิวต์สำหรับองค์ประกอบ
วิธีการตั้งค่าหลายแอตทริบิวต์/ค่าสำหรับองค์ประกอบ