jQuery.data()方法
jQuery 雜項方法實例
在 div 元素上先存儲再獲取數據
<div>
存儲的值為
<span></span>
和
<span></span>
</div>
<script>
$(function () {
var div = $( "div" )[ 0 ];
jQuery.data( div, "test", {
first: 16,
last: "pizza!"
});
$( "span:first" ).text( jQuery.data( div, "test" ).first );
$( "span:last" ).text( jQuery.data( div, "test" ).last );
})
</script>
定義和用法
$.data() 函數用於在指定的元素上存取數據，返回設置值。
提示： 1.這是一個底層方法，.data() 方法更方便使用。
2.通過 data() 函數存取的數據都是臨時數據，一旦頁面刷新，之前存放的數據都將被移除。
3. 該方法目前並不提供在XML文檔上跨平臺設置，Internet Explorer不允許在XML文檔中通過自定義屬性附加數據。
語法
用法一
$.data( element, key, value )
注意： 1.通過data()函數存取的數據都是臨時數據，一旦頁面刷新，之前存放的數據都將被移除。
2. undefined 是一個沒有被識別數據值。調用 jQuery.data( el, "name", undefined ) 將返回對應的 "name" 數據，等價於 jQuery.data(el, "name" ) 。
我們可以在一個元素上設置不同的值，並獲取這些值：
jQuery.data(document.body, 'foo', 52); jQuery.data(document.body, 'bar', 'test');
用法二
$.data( element, key )
我們可以在一個元素上設置不同的值，並獲取這些值：
alert(jQuery.data( document.body, 'foo' )); alert(jQuery.data( document.body ));
| 參數 | 描述 |
|---|---|
| element | Element類型 要存儲數據的DOM對象 |
| key | 可選。String類型 指定的鍵名字符串。 |
| value | 可選。 Object類型 需要存儲的任意類型的數據。 |
更多實例
獲取數據
獲取存放在元素上名叫 "blah" 的數據。