jquery數據緩存-data()

返回元素上儲存的相應名字的數據，能夠用data(name, value)來設定。

若是jQuery集合指向多個元素，那將只返回第一個元素的對應數據。

這個函數能夠用於在一個元素上存取數據而避免了循環引用的風險。jQuery.data是1.2.3版的新功能。你能夠在不少地方使用這個函數，另外jQuery UI裏常用這個函數。

若是不帶任何參數，則會把全部數據做爲一個JavaScript對象來返回。

使用實例1：在一個<div>上存取數據

HTML 代碼:

<div></div>

 

jQuery 代碼:

$("div").data("blah");           // undefined
$("div").data("blah", "hello");  // blah設置爲hello
$("div").data("blah");           // hello
$("div").data("blah", 86);       // 設置爲86
$("div").data("blah");           //  86
$("div").removeData("blah");     //移除blah
$("div").data("blah");           // undefined

 

使用實例2：在一個div上存取名/值對數據

HTML 代碼:

<div></div>

 

jQuery 代碼:

$("div").data("test", { first: 16, last: "pizza!" });
$("div").data("test").first  //16;
$("div").data("test").last  //pizza!;