ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery attr() Method

<jQuery HTML / วิธี CSS

ตัวอย่าง

ตั้งค่าแอตทริบิวต์ความกว้างของรูปภาพ:

$("button").click(function(){
    $("img").attr("width","500");
});
ลองตัวเอง»

ความหมายและการใช้งาน

attr() ชุดวิธีการหรือส่งกลับคุณลักษณะและคุณค่าขององค์ประกอบที่เลือก

เมื่อวิธีการนี้ถูกนำมาใช้เพื่อกลับค่าแอตทริบิวต์ก็จะส่งกลับค่าขององค์ประกอบการจับคู่ครั้งแรก

เมื่อวิธีการนี้ถูกนำมาใช้ในการตั้งค่าแอตทริบิวต์จะกำหนดคู่หนึ่งหรือมากกว่าหนึ่งแอตทริบิวต์ / ค่าสำหรับชุดขององค์ประกอบที่ตรงกัน


วากยสัมพันธ์

กลับค่าของแอตทริบิวต์:

$(selector).attr(attribute)

ตั้งค่าแอตทริบิวต์และความคุ้มค่า:

$(selector).attr(attribute,value)

ชุดแอตทริบิวต์และความคุ้มค่าการใช้ฟังก์ชั่น:

$(selector).attr(attribute,function(index,currentvalue))

ตั้งค่าคุณสมบัติและค่าหลาย:

$(selector).attr({attribute:value,attribute:value,...})

พารามิเตอร์ ลักษณะ
attribute ระบุชื่อของแอตทริบิวต์
value ระบุค่าของแอตทริบิวต์
function(index,currentvalue) ฟังก์ชั่นระบุที่ส่งกลับค่าแอตทริบิวต์การตั้งค่า
  • index - ได้รับตำแหน่งดัชนีขององค์ประกอบในชุด
  • currentvalue - ได้รับค่าแอตทริบิวต์ปัจจุบันขององค์ประกอบที่เลือก

ลองตัวเอง - ตัวอย่าง

ค่าแอตทริบิวต์ย้อนกลับ
วิธีการคืนค่าของแอตทริบิวต์สำหรับองค์ประกอบ

ชุดแอตทริบิวต์และความคุ้มค่าการใช้ฟังก์ชั่น
วิธีการใช้งานฟังก์ชั่นการตั้งค่าแอตทริบิวต์สำหรับองค์ประกอบ

ตั้งหลายแอตทริบิวต์และความคุ้มค่าคู่
วิธีการตั้งค่าหลายแอตทริบิวต์ / ค่าสำหรับองค์ประกอบ


<jQuery HTML / วิธี CSS