jQuery การปฏิบัติต่อแอตทริบิวต์ - วิธี attr()

jQuery ผลลัพธ์คู่มืออธิบาย

ตัวอย่าง

เปลี่ยนค่า width ของภาพ

$("button").click(function(){
  $("img").attr("width","180");
});

ทดลองด้วยตัวเอง

การระบุและการใช้งาน

วิธี attr() กำหนดหรือคืนค่าค่าแอตทริบิวต์ของตัวแปรที่เลือก

ขึ้นอยู่กับตัวแปรที่ใช้กับวิธีที่แตกต่างกัน

คืนค่าแอตทริบิวต์

คืนค่าแอตทริบิวต์ของตัวแปรที่เลือก

การใช้งาน

$(selector).attr(attribute)
ตัวแปร คำอธิบาย
attribute กำหนดแอตทริบิวต์ที่ต้องการหาค่า

ทดลองด้วยตัวเอง

ตั้งค่าแอตทริบิวต์/ค่า

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

การใช้งาน

$(selector).attr(attribute,value)
ตัวแปร คำอธิบาย
attribute กำหนดชื่อแอตทริบิวต์
value กำหนดค่าแอตทริบิวต์

ทดลองด้วยตัวเอง

การตั้งค่าแอตทริบิวต์/ค่าด้วยฟังก์ชัน

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

การใช้งาน

$(selector).attr(attribute,function(index,oldvalue))
ตัวแปร คำอธิบาย
attribute กำหนดชื่อแอตทริบิวต์
function(index,oldvalue)

กำหนดฟังก์ชันที่กำหนดค่าแอตทริบิวต์

ฟังก์ชันนี้สามารถรับและใช้ค่า index ของเลือกตัวแปรและค่าแอตทริบิวต์ปัจจุบัน

ทดลองด้วยตัวเอง

กำหนดค่าแอตทริบิวต์/ค่าหลายตัว

กำหนดค่าแอตทริบิวต์และค่าหลายตัว

การใช้งาน

$(selector).attr({attribute:value, attribute:value ...})
ตัวแปร คำอธิบาย
attribute:value กำหนดค่าแอตทริบิวต์/ค่า

ทดลองด้วยตัวเอง

jQuery ผลลัพธ์คู่มืออธิบาย