jQuery ข้อมูล - วิธี data()

jQuery คู่มือข้อมูลข้อมูล

ตัวอย่าง

เพิ่มข้อมูลในองค์ประกอบ แล้วกู้ข้อมูลนั้นคืน:

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

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

คำอธิบายและการใช้งาน

วิธี data() ของ jQuery เพิ่มข้อมูลในองค์ประกอบที่ถูกเลือก หรือ กู้ข้อมูลจากองค์ประกอบที่ถูกเลือก

ส่งกลับข้อมูลจากองค์ประกอบ

ส่งกลับข้อมูลที่เพิ่มในองค์ประกอบที่ถูกเลือก

ภาษา

$(selector).data(name)
ตัวแปร รายละเอียด
name

เลือกตัวแปร (optional). กำหนดชื่อของข้อมูลที่ต้องการกู้ข้อมูล

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

เพิ่มข้อมูลในองค์ประกอบ

เพิ่มข้อมูลในองค์ประกอบที่ถูกเลือก

ภาษา

$(selector).data(name,value)
ตัวแปร รายละเอียด
name ความจำเป็น。กำหนดชื่อของข้อมูลที่ต้องการตั้งค่า
value ความจำเป็น。กำหนดค่าของข้อมูลที่ต้องการตั้งค่า

ใช้วัตถุเพื่อเพิ่มข้อมูลในองค์ประกอบ

ใช้วัตถุที่มีชื่อ/ค่าเพื่อเพิ่มข้อมูลในองค์ประกอบที่ถูกเลือก

ภาษา

$(selector).data(object)

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

ตัวแปร รายละเอียด
object ความจำเป็น。กำหนดวัตถุที่มีชื่อ/ค่า

jQuery คู่มือข้อมูลข้อมูล