返回值:jQuerydata([key],[value])
jQuery data() 方法概述
在元素上存放或讀取數據,返回jQuery對象。
當參數只有一個(gè)key的時(shí)候，為讀取該jQuery對象對應DOM中存儲的key對應的值，值得注意的是，如果瀏覽器支持HTML5，同樣可以讀取該DOM中使用 data-[key] = [value] 所存儲的值。參見(jiàn)最后一個(gè)示例。
當參數為兩個(gè)時(shí)，為像該jQuery對象對應的DOM中存儲key-value鍵值對的數據。
如果jQuery集合指向多個(gè)元素，那將在所有元素上設置對應數據。 這個(gè)函數不用建立一個(gè)新的expando，就能在一個(gè)元素上存放任何格式的數據，而不僅僅是字符串。
V1.4.3 新增用法, data(obj) 可傳入key-value形式的數據。
參數
keyStringV1.23
存儲的數據名.
key,valueString,AnyV1.2.3
key:存儲的數據名
value:將要存儲的任意數據
objobjectV1.4.3
一個(gè)用于設置數據的鍵/值對
data()V1.4.3
示例
描述:
在一個(gè)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描述:
在一個(gè)div上存取名/值對數據
HTML 代碼:
<div></div>jQuery 代碼:
$("div").data("test", { first: 16, last: "pizza!" });
$("div").data("test").first //16;
$("div").data("test").last //pizza!;描述:
在HTML5規范中div中讀取預存的data-[key]值
HTML 代碼:
<div data-test="this is test" ></div>jQuery 代碼:
$("div").data("test"); //this is test!;