詳談 data 的用法和作用

jquery.data 即$.data()。向元素附加資料，然後取回該資料

這是提供給客戶端程式員使用的方法，它同時是setter/getter。

傳乙個引數，返回附加在指定元素的所有資料，即thiscachejquery.data(el); // thiscache

傳二個引數，返回指定的屬性值jquery.data(el, 'name');

傳三個引數，設定屬性及屬性值jquery.data(el, 'name', 'jack');jquery.data(el, 'uu', {});

傳四個引數，第四個引數pvt僅提供給jquery庫自身使用。即jquery._data方法中傳true。因為jquery的事件模組嚴重依賴於jquery.data，為避免人為的不小心重寫在這個版本中加入的

$.data("#blog_stats","name","lixuekai")

jquery.js:2 uncaught typeerror: cannot set property 'tojson' of undefined(…)data @ jquery.js:2(anonymous function) @ vm913:1

var s = $("#blog_stats")

undefined

s[www.cppcns.comts">…

]$.data(s,"name","lixuekai")

"lixuekai"

$.data(s,"name")

"lixuekai"

$.data(s)

object

$.hasdata(s)

true上面**的調試圖如下：

jquery.hasdata 用來判斷htmle程式設計客棧leveslqcdlment或js物件是否具有資料。返回true或false。即如果呼叫了jquery.data方法新增了屬性，則返回true。

公升級簡單的寫法：selector.data("key","value").

實測如下圖：

這是乙個位置給裝了2個物件資料。然後看看效果如何。

就看截圖吧，**就不貼啦。

//從被選元素中返回附加的資料。

$(selector).data(name)

//向被選元素附加資料。

$(selector).data(name,value)

//使用帶有名稱/值對的物件向被選元素新增資料。(上面傳簡單的key value 鍵值對，這個直接給物件，不用乙個個傳)

$(selector).data(object)

本文標題: 詳談$.data()的用法和作用

本文位址: /ruanjian/j**a/179079.html