jQuery的data()方法

日期：2013-12-16  來源：攀枝花惠康網絡公司

data-屬性是在第一次使用這個數據屬性后不再存取或改變（所有的數據值都在jQuery內部存儲）。

更多參閱：

在此之前，接待先閱讀HTML 5 的data-* 自界說屬性。

如不美觀你使用jQuery類庫，那么你可以很是愉悅的使用jquery的data()體例存取data-*自界說屬性，體例許可我們在DOM元素上綁定肆意類型的數據,避免了輪回引用的內存泄露風險。首要的體例如下：

• .data( key, value )
• .data( obj )
• .data( key )
• .data()

年夜jQuery 1.4.3起， HTML 5 data- 屬性 將自動被引用到jQuery的數據對象中。

例如HTML：

XHTML 1 <div data-role="page" data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div>

下面的 jQuery代碼都是返回 true 的：

1234 $("div").data("role") === "page";$("div").data("lastValue") === 43;$("div").data("hidden") === true;$("div").data("options").name === "John";

和html5的api分歧的是，jQuery會考試考試將字符串轉換為一個JavaScript值（搜羅布爾值（booleans），數字（numbers），對象（objects），數組（arrays）和空（null））。如不美觀這樣做不會改變數值的暗示，那么該值將轉換為一個數字（number）。例如，“1E02”和“100.000”是等同于數字（數字值100），但將轉換它們會改變他們的暗示，所以他們被保留為字符串。字符串值“100”被轉換為數字100。

如不美觀數據(data)屬性是一個對象（以“{”起頭）或數組（以’[‘起頭），可以用jQuery.parseJSON 將其解析成字符串；它必需遵循有用的JSON的語法，搜羅帶雙引號的屬性名稱。如不美觀該值不能解析為一個JavaScript值，它將被保留為字符串。

如不美觀想將掏出的屬性值直接算作字符串的話，請使用attr()體例。

挪用 .data() 時如不美觀不帶參數，將會以 JavaScript 對象的形式獲取所稀有據。這個對象可以平安的存放在變量中，因為一旦這個新對象被提掏出來，之后對元素進行的 .data(obj)操作，將不會再影響這個對象。此外，直接操作這個對象會比每次挪用 .data() 來設置或獲取值要快一些。

http://www.css88.com/jqapi-1.9/data/