jquery.data()方法

在 div 元素上先存儲再獲取數據

 

$.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');

調用 jQuery.data( el, "name", undefined ) 將返回對應的 "name" 數據，等價於 jQuery.data(el, "name" ) 。

我們可以在一個元素上設置不同的值，並獲取這些值：

 

例子：

 var body = document.getElementsByTagName('body');
       $.data(body[0],'test',{age:21,username:'webcyh'});
 console.log($.data(body[0],'test'));

結果：

 或者里邊的

$.data(body[0],'test',{age:21,username:'webcyh'});
換成
var $data = $(body[0]).data();
$data.username="webcyh";