jQuery
實例;事件;效能;移動;基礎
data
英[ˈdeɪtə] 美[ ˈdetə, ˈdætə, ˈdɑtə]
n.資料，材料;datum的複數;[電腦]數據，資料;從科學實驗中提取的價值
jquery jQuery.data()方法 語法
作用：data() 方法向被選元素附加數據，或從被選元素取得數據。這是底層的方法；使用 .data() 則是比較方便。
從元素傳回函數：從被選元素中傳回附加的資料。
語法：$(selector).data(name)
#參數：
| 參數 | 描述 |
| name | #可選。規定要取回的資料的名稱。如果沒有規定名稱，則該方法將以物件的形式從元素中傳回所有儲存的資料。 |
向元素附加資料：向被選元素附加資料。
語法：$(selector).data(name,value)
參數：
| 參數 | 說明 |
| name | #必要。規定要設定的資料的名稱。 |
| value | 必要。規定要設定的數據的值。 |
使用物件附加資料到元素：使用具有名稱/值對的物件將資料新增至被選元素。
語法：$(selector).data(object)
#參數：
##參數 | 說明 |
object | #必要。規定包含名稱/值對的物件。 |
jquery jQuery.data()方法 範例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});
});
</script>
</head>
<body>
<button id="btn1">把数据添加到 div 元素</button><br />
<button id="btn2">获取已添加到 div 元素的数据</button>
<div></div>
</body>
</html>#點擊 "執行實例" 按鈕查看線上實例
