實(shí)測jquery data()如何存值
更新時(shí)間：2013年08月18日 16:49:29 作者：
jQuery的數(shù)據(jù)框架沒有將元素?cái)?shù)據(jù)當(dāng)作元素屬性來存儲(chǔ)，我記得是可以通過jQuery的data("xxx")方法取HTML標(biāo)簽上的data-xxx屬性的值的
今天在js權(quán)威指南第19章看到一句話, 說 jQuery的數(shù)據(jù)框架沒有將元素?cái)?shù)據(jù)當(dāng)作元素屬性來存儲(chǔ),但它確實(shí)需要給元素添加一個(gè)特殊的屬性用來與數(shù)據(jù)關(guān)聯(lián). 但jQuery究竟是添加了一個(gè)怎樣特殊的屬性,目前我還沒研究, 但我記得是可以通過jQuery的data("xxx")方法取HTML標(biāo)簽上的data-xxx屬性的值的.
測試及結(jié)果如下：
var $demo1 = $("#demo1");
$demo1.data("x",123);
console.log($demo1.attr("x")); //undefined
$demo1.attr("data-y","abc");
console.log($demo1.data("y")); //"abc"
測試及結(jié)果如下：
復(fù)制代碼 代碼如下:
var $demo1 = $("#demo1");
$demo1.data("x",123);
console.log($demo1.attr("x")); //undefined
$demo1.attr("data-y","abc");
console.log($demo1.data("y")); //"abc"
相關(guān)文章
Tooltip（提示框）是一種常見的效果，它通常用在需要進(jìn)一步解釋、說明或提示的某個(gè)詞上。這種小效果實(shí)現(xiàn)起來雖然不難，但如果你想不勞而獲，可以試試 Tips。2015-07-07
用jQuery將JavaScript對(duì)象轉(zhuǎn)換為querystring查詢字符串的方法
這篇文章主要介紹了用jQuery將JavaScript對(duì)象轉(zhuǎn)換為querystring查詢字符串的方法，本文給大家分享兩種方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11
jQuery控制DIV層實(shí)現(xiàn)由大到小，由遠(yuǎn)及近動(dòng)畫變化效果
這篇文章主要介紹了jQuery控制DIV層實(shí)現(xiàn)由大到小，由遠(yuǎn)及近動(dòng)畫變化效果,涉及jQuery基于animate方法操作頁面元素實(shí)現(xiàn)動(dòng)畫漸變效果的相關(guān)技巧,需要的朋友可以參考下2015-10-10
jQuery使用zTree插件實(shí)現(xiàn)樹形菜單和異步加載
這篇文章主要介紹了jQuery使用zTree插件實(shí)現(xiàn)樹形菜單和異步加載的相關(guān)方法，感興趣的小伙伴們可以參考一下2016-02-02
jQuery實(shí)現(xiàn)checkbox即點(diǎn)即改批量刪除及中間遇到的坑
這篇文章主要介紹了jQuery實(shí)現(xiàn)checkbox即點(diǎn)即改批量刪除及中間遇到的坑,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-11-11
jquery基礎(chǔ)教程之?dāng)?shù)組使用詳解
jQuery的數(shù)組處理、便捷、功能齊全。一步到位的封裝了很多原生JavaScript數(shù)組不能企及的功能。下面是jquery數(shù)組的使用詳解,需要的朋友可以參考下2014-03-03
因公司需要做一個(gè)仿百度搜索框,并且?guī)alue值的, 網(wǎng)上找了下只有Text, 都沒帶Value的 所以做了個(gè),代碼給予簡單的注釋，結(jié)構(gòu)很清晰，很容易看懂，感興趣的朋友可以了解下2013-01-01
jQuery第一次運(yùn)行頁面默認(rèn)觸發(fā)點(diǎn)擊事件的實(shí)例
下面小編就為大家分享一篇jQuery第一次運(yùn)行頁面默認(rèn)觸發(fā)點(diǎn)擊事件的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
登陸判斷在實(shí)際應(yīng)用中還是比較常見，在客戶端執(zhí)行判斷可以減少服務(wù)器端的負(fù)擔(dān)，感興趣的朋友可以參考下2013-04-04
jQuery使用each方法與for語句遍歷數(shù)組示例
這篇文章主要介紹了jQuery使用each方法與for語句遍歷數(shù)組,結(jié)合實(shí)例形式簡單對(duì)比分析了兩種方法在遍歷數(shù)組時(shí)的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06