詳談$.data()的用法和作用
jQuery.data 即$.data()。向元素附加數(shù)據(jù)，然后取回該數(shù)據(jù)
這是提供給客戶端程序員使用的方法，它同時(shí)是setter/getter。
傳一個(gè)參數(shù)，返回附加在指定元素的所有數(shù)據(jù)，即thisCachejQuery.data(el); // thisCache
傳二個(gè)參數(shù)，返回指定的屬性值jQuery.data(el, 'name');
傳三個(gè)參數(shù)，設(shè)置屬性及屬性值jQuery.data(el, 'name', 'jack');jQuery.data(el, 'uu', {});
傳四個(gè)參數(shù)，第四個(gè)參數(shù)pvt僅提供給jQuery庫(kù)自身使用。即jQuery._data方法中傳true。因?yàn)閖Query的事件模塊嚴(yán)重依賴于jQuery.data，為避免人為的不小心重寫(xiě)在這個(gè)版本中加入的
$.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
[<div id="blog_stats">…</div>]
$.data(s,"name","lixuekai")
"lixuekai"
$.data(s,"name")
"lixuekai"
$.data(s)
Object {name: "lixuekai"}
$.hasData(s)
true上面代碼的調(diào)試圖如下：
jQuery.hasData 用來(lái)判斷HTMLElement或JS對(duì)象是否具有數(shù)據(jù)。返回true或false。即如果調(diào)用了jQuery.data方法添加了屬性，則返回true。
升級(jí)簡(jiǎn)單的寫(xiě)法：selector.data("key","value").
實(shí)測(cè)如下圖：
這是一個(gè)位置給裝了2個(gè)對(duì)象數(shù)據(jù)。然后看看效果如何。
就看截圖吧，代碼就不貼啦。
//從被選元素中返回附加的數(shù)據(jù)。 $(selector).data(name) //向被選元素附加數(shù)據(jù)。 $(selector).data(name,value) //使用帶有名稱/值對(duì)的對(duì)象向被選元素添加數(shù)據(jù)。(上面?zhèn)骱?jiǎn)單的key value 鍵值對(duì)，這個(gè)直接給對(duì)象，不用一個(gè)個(gè)傳) $(selector).data(object)
以上這篇詳談$.data()的用法和作用就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript數(shù)組及常見(jiàn)操作方法小結(jié)
這篇文章主要介紹了JavaScript數(shù)組及常見(jiàn)操作方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript數(shù)組的基本獲取、添加、刪除、排序、翻轉(zhuǎn)等相關(guān)操作技巧,需要的朋友可以參考下2019-11-11
可以實(shí)現(xiàn)滑動(dòng)門(mén)效果代碼類2008-04-04
JavaScript動(dòng)態(tài)操作表格實(shí)例(添加,刪除行,列及單元格)
這篇文章主要是對(duì)JavaScript動(dòng)態(tài)操作表格實(shí)例(添加,刪除行,列及單元格)進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
js判斷手機(jī)瀏覽器操作系統(tǒng)和微信瀏覽器的方法
做手機(jī)端的前端開(kāi)發(fā)，少不了對(duì)手機(jī)平臺(tái)的判斷。如，對(duì)于app下載，就要判斷在Android平臺(tái)下就顯示Android下載提示；在iOS平臺(tái)下就顯示iOS下載提示2016-04-04
JS實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播案例
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
js去掉數(shù)組中undefined及空字符串、null兩種方法例子
這篇文章主要給大家介紹了關(guān)于js去掉數(shù)組中undefined及空字符串、null的兩種方法例子,文中還介紹了undefined與null之間的區(qū)別,通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)踩五彩塊游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
識(shí)別瀏覽器的JavaScript引擎的方法對(duì)PC瀏覽器和移動(dòng)瀏覽器都可用，其實(shí)實(shí)現(xiàn)原理就是下面的這段js，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了微信小程序如何連接Java后臺(tái),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細(xì)介紹了JS中對(duì)Cookie的具體操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08