jQuery 教程
jQuery.data()方法
jQuery 雜項方法實例
在 div 元素上先存儲再獲取數(shù)據(jù)
<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() 函數(shù)用于在指定的元素上存取數(shù)據(jù)，返回設(shè)置值。
提示： 1.這是一個底層方法，.data() 方法更方便使用。
2.通過 data() 函數(shù)存取的數(shù)據(jù)都是臨時數(shù)據(jù)，一旦頁面刷新，之前存放的數(shù)據(jù)都將被移除。
3. 該方法目前并不提供在XML文檔上跨平臺設(shè)置，Internet Explorer不允許在XML文檔中通過自定義屬性附加數(shù)據(jù)。
語法
用法一
$.data( element, key, value )
注意： 1.通過data()函數(shù)存取的數(shù)據(jù)都是臨時數(shù)據(jù)，一旦頁面刷新，之前存放的數(shù)據(jù)都將被移除。
2. undefined 是一個沒有被識別數(shù)據(jù)值。調(diào)用 jQuery.data( el, "name", undefined ) 將返回對應(yīng)的 "name" 數(shù)據(jù)，等價于 jQuery.data(el, "name" ) 。
我們可以在一個元素上設(shè)置不同的值，并獲取這些值：
jQuery.data(document.body, 'foo', 52); jQuery.data(document.body, 'bar', 'test');
用法二
$.data( element, key )
我們可以在一個元素上設(shè)置不同的值，并獲取這些值：
alert(jQuery.data( document.body, 'foo' )); alert(jQuery.data( document.body ));
| 參數(shù) | 描述 |
|---|---|
| element | Element類型 要存儲數(shù)據(jù)的DOM對象 |
| key | 可選。String類型 指定的鍵名字符串。 |
| value | 可選。 Object類型 需要存儲的任意類型的數(shù)據(jù)。 |
更多實例
獲取數(shù)據(jù)
獲取存放在元素上名叫 "blah" 的數(shù)據(jù)。
其他擴展