jquery數據緩存-data()

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

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

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

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


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

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上存取名/值對數據 ast

HTML 代碼:
<div></div>

 

jQuery 代碼:
$("div").data("test", { first: 16, last: "pizza!" });
$("div").data("test").first  //16;
$("div").data("test").last  //pizza!;
相關文章
相關標籤/搜索