jquery data() 方法
翻譯結果:
data
英[ˈdeɪtə] 美[ˈdetə, ˈdætə, ˈdɑtə]
n.資料,材料;datum的複數;[電腦]數據,資料來源;從科學實驗中提取的價值
jquery data() 方法語法
作用:data() 方法向被選元素附加數據,或從被選元素取得數據。
從元素傳回資料:從被選元素中傳回附加的資料。
語法:$(selector).data(name)
#參數:name 可選。規定要取回的資料的名稱。如果沒有規定名稱,則該方法將以物件的形式從元素中傳回所有儲存的資料。 從元素附加資料:向被選元素附加資料。
語法:$(selector).data(name,value)
參數:name 必要。規定要設定的資料的名稱。 value 必需。規定要設定的數據的值。
使用物件附加資料到元素:使用有名稱/值對的物件將資料新增至被選元素。
語法:$(selector).data(object)
#參數:object必要。規定包含名稱/值對的物件。
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>
#點擊 "執行實例" 按鈕查看線上實例