詳談$.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庫自身使用。即jQuery._data方法中傳true。因?yàn)閖Query的事件模塊嚴(yán)重依賴于jQuery.data,為避免人為的不小心重寫在這個(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 用來判斷HTMLElement或JS對(duì)象是否具有數(shù)據(jù)。返回true或false。即如果調(diào)用了jQuery.data方法添加了屬性,則返回true。
升級(jí)簡(jiǎn)單的寫法: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)文章
Firefox getBoxObjectFor getBoundingClientRect聯(lián)系
Firefox在含有flash的網(wǎng)頁上提示:不建議使用 getBoxObjectFor() 。 請(qǐng)使用 element.getBoundingClientRect()。2008-10-10JavaScript 中的 `==` 和 `===` 操作符詳解
在 JavaScript 中,== 和 === 是兩個(gè)常用的比較操作符,分別用于 寬松相等(類型轉(zhuǎn)換相等) 和 嚴(yán)格相等(類型和值必須相等) 的比較,理解它們的區(qū)別以及具體的比較規(guī)則對(duì)于編寫準(zhǔn)確和高效的代碼至關(guān)重要,需要的朋友可以參考下2024-09-09javascript實(shí)現(xiàn)window.print()去除頁眉頁腳
這篇文章主要介紹了javascript實(shí)現(xiàn)window.print()去除頁眉頁腳的方法以及各參數(shù)的設(shè)置技巧,需要的朋友可以參考下2014-12-12掃微信小程序碼實(shí)現(xiàn)網(wǎng)站登陸實(shí)現(xiàn)解析
這篇文章主要介紹了掃微信小程序碼實(shí)現(xiàn)網(wǎng)站登陸實(shí)現(xiàn)解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08JS實(shí)現(xiàn)json數(shù)組排序操作實(shí)例分析
這篇文章主要介紹了JS實(shí)現(xiàn)json數(shù)組排序操作,結(jié)合實(shí)例形式分析了javascript針對(duì)json數(shù)組的遍歷、排序簡(jiǎn)單操作技巧,需要的朋友可以參考下2019-10-10jQuery Mobile動(dòng)態(tài)刷新頁面樣式的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query Mobile動(dòng)態(tài)刷新頁面樣式的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05bootstrap——bootstrapTable實(shí)現(xiàn)隱藏列的示例
本篇文章主要介紹了bootstrapTable實(shí)現(xiàn)隱藏列的示例,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01詳解搭建es6+devServer簡(jiǎn)單開發(fā)環(huán)境
這篇文章主要介紹了詳解搭建es6+devServer簡(jiǎn)單開發(fā)環(huán)境,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09微信小程序自定義純凈模態(tài)框(彈出框)的實(shí)例代碼
這篇文章主要介紹了微信小程序自定義純凈模態(tài)框(彈出框)的實(shí)例代碼,代碼簡(jiǎn)答易懂,非常不錯(cuò),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03