記錄一下
創(chuàng)新互聯(lián)長(zhǎng)期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為宜川企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站制作,宜川網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
Jquery-data的用處:
jQuery-data主要是用來(lái)存儲(chǔ)數(shù)據(jù),幫助普通對(duì)象或者jQuery對(duì)象來(lái)存儲(chǔ)數(shù)據(jù),其實(shí)如果單純的儲(chǔ)存dom的單一的屬性,用attr自定義屬性足夠了;如果存儲(chǔ)多個(gè)鍵值對(duì)建議用jQuery-data;
例如: 圖片的懶加載好多插件就用到了jquery-data,先把圖片的真實(shí)地址儲(chǔ)存到j(luò)query-data中,做個(gè)監(jiān)聽事件,等到滑到該圖片時(shí)再把真實(shí)地址取出來(lái);
用法一:給普通對(duì)象儲(chǔ)存單個(gè)屬性和取值
var obj = {}; $.data(obj, 'name', 'xm'); // 賦值 var str = $.data(obj, 'name'); // 讀取值 console.log(str) // "xm"
用法二:給普通對(duì)象儲(chǔ)存多個(gè)屬性和取值
var obj = {}; $.data(obj,{name1:"xm",name2:"xh"}); // 賦值 var str1 = $.data(obj, 'name1'); // 讀取值 var str2 = $.data(obj, 'name2'); // 讀取值 console.log(str1) // "xm" console.log(str1) // "xh"
用法三:給Jquery dom對(duì)象取值賦值
var obj = $('.demo'); $.data(obj,{name1:"xm",name2:"xh"}); // 賦值 var str1 = $.data(obj, 'name1'); // 讀取值 var str2 = $.data(obj, 'name2'); // 讀取值 console.log(str1) // "xm" console.log(str1) // "xh" // 就是把obj換成jquery對(duì)象這么簡(jiǎn)單
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持創(chuàng)新互聯(lián)!