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

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

ตัวอย่าง

แสดงข้อมูลบนองค์ประกอบ แล้วดึงข้อมูลกลับมา:

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

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

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

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

หมายเหตุ:นี่เป็นวิธีที่อยู่ใต้ดิน; ใช้ .data() มากยิ่งและง่ายต่อการใช้

คืนข้อมูลบนองค์ประกอบ

คืนข้อมูลที่แสดงบนองค์ประกอบที่ถูกเลือก

ระบบข้อความ

$(selector).data(name)
ตัวแปร การอธิบาย
name

เลือกได้ กำหนดชื่อของข้อมูลที่ต้องการดึงออก

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

แสดงข้อมูลบนองค์ประกอบ

แสดงข้อมูลบนองค์ประกอบที่ถูกเลือก

ระบบข้อความ

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

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

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

ระบบข้อความ

$(selector).data(object)

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

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

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