老生常談JQuery data方法的使用
(-1)說明
我用的是chrome49,這個(gè)方法涉及到JQuery版本問題,我手里有3.0的,有1.9.1,后面將1.9.1及其以前的稱為低版本,3.0稱為高版本
測試?yán)佑玫降?span style="color: #ff00ff">showMessage方法如下
showMessage.i = 0; function showMessage(object) { var body = $("body")[0]; var $p =$("#debugp"); if($p.length==0) { $p = $("<p/>").attr("id","debugp"); $(body).prepend($p); } $p[0].innerHTML += "<br/>"+(showAttribute.i++)+" | "+object; }
(0)$.data(obj,key,value)
key值為字符串類型,為數(shù)字、對象(var lol={}),是沒有意義的,value值可以為普通類型,當(dāng)為引用類型時(shí)傳遞的是引用而不是克隆
a.
var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"height",165);
showMessage($.data(obj,"height"));
$.data實(shí)際將數(shù)據(jù)放在了對象屬性上,類似于obj.sex="女",無論你通過$.data添加幾個(gè)key給obj,在obj只會多出一個(gè)類似于jQuery300082932543555993442
300082932543555993442是jQuery產(chǎn)生的隨機(jī)數(shù),它指向一個(gè)對象,對象里面通過key-value的形式存儲著你添加的數(shù)據(jù)
低版本可以通過for-in遍歷出jQuery300082932543555993442,高版本只能通過debug工具查看了
b.
當(dāng)value是一個(gè)對象時(shí),傳遞的是引用
var husband = ["蠻族之王"];
var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"husband",husband);
$.data(obj,husband)[0] = "遁地龍卷風(fēng)";
showMessage($.data(obj,husband));//輸出 遁地龍卷風(fēng)
(2)$(selector).data(key,value)
$("#lol").data("name","寒冰射手");
showMessage($("#lol").data("name"));
$(selector).data將數(shù)據(jù)綁定在HTML DOM元素上,剩下的特性與$.data方法一樣,不過可以通過for-in得到添加的對象
以上這篇老生常談JQuery data方法的使用就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)圖片隨機(jī)切換、抽獎(jiǎng)功能(實(shí)例代碼)
本文通過實(shí)例代碼給大家介紹了jQuery實(shí)現(xiàn)圖片隨機(jī)切換、抽獎(jiǎng)功能,感興趣的朋友跟隨小編一起看看吧2019-10-10jQueryMobile之Helloworld與頁面切換的方法
這篇文章主要介紹了jQueryMobile之Helloworld與頁面切換的方法,實(shí)例分析了jQueryMobile的基礎(chǔ)用法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02jQuery HTML css()方法與css類實(shí)例詳解
這篇文章主要介紹了jQuery HTML css()方法與css類,結(jié)合實(shí)例形式詳細(xì)分析了jQuery HTML css()方法與css類相關(guān)函數(shù)用法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05初學(xué)Jquery插件制作 在SageCRM的查詢屏幕隱藏部分行的功能
SageCRM的查詢條件屏幕的條件比較多,會占用界面,用戶希望首先顯示常用的查詢條件,然后點(diǎn)擊展開的按鈕,可以看到一些不常用的查詢條件2011-12-12jquery實(shí)現(xiàn)輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼
本文主要分享了jquery實(shí)現(xiàn)輸入框?qū)崟r(shí)輸入觸發(fā)事件的代碼,代碼簡單易懂,需要的朋友一起來看下吧2016-12-12jQuery實(shí)現(xiàn)底部浮動(dòng)窗口效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)底部浮動(dòng)窗口效果,涉及jQuery事件響應(yīng)及頁面元素動(dòng)態(tài)變換的相關(guān)操作技巧,需要的朋友可以參考下2016-09-09