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