jQuery.data() 方法
實例
在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" 的數據。