jQuery.data() เป็นอีกหนึ่งฟังก์ชันของ jQuery ที่เพื่อนๆ ควรจะนำมาใช้ครับ ประโยชน์ของฟังก์ชัน data() ก็คือ เพื่อนๆ สามารถเก็บข้อมูลที่เกี่ยวข้องกับ DOM element (หรืออาจจะไม่เกี่ยวข้องก็ได้นะครับ ^^) โดยการตั้งชื่อของข้อมูลนั้น แล้วก็บันทึกข้อมูลด้วยฟังก์ชัน jQuery.data() ครับ อ่านดูแล้วอาจจะงงๆ ลองมาดูตัวอย่างการใช้งานกันดีกว่าครับ
1. การเก็บข้อมูล รูปแบบการใช้งาน jQuery.data(element, key, value)
element คือ DOM element��ที่เกี่ยวข้องกับข้อมูล
key คือ ชื่อของข้อมูลที่เราจะเก็บ
value คือ ค่าหรือข้อมูลที่เราต้องการจะเก็บ
2. การดึงข้อมูล รูปแบบการใช้งาน jQuery.data(element, key)
ตัวอย่างการใช้งาน
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>ข้อมูลที่ถูกเก็บไว้คือ <span></span> และ <span></span></div>
<script>
var div = $("div")[0];
//เก็บข้อมูล
jQuery.data(div, "test_key", { first: 99, last: "สุดยอดด!!" });
//jQuery.data(div, "test_key") ดึงข้อมูล
$("span:first").text(jQuery.data(div, "test_key").first);
//jQuery.data(div, "test_key") ดึงข้อมูล
$("span:last").text(jQuery.data(div, "test_key").last);
</script>
</body>
</html>