jquery-data的三種用法
阿新 • • 發佈:2020-10-26
1.jquery-data的用處
- jQuery-data主要是用來儲存資料,幫助普通物件或者jQuery物件來儲存資料,其實如果單純的儲存dom的單一的屬性,用attr自定義屬性足夠了;如果儲存多個鍵值對建議用jQuery-data; 例如: 圖片的懶載入好多外掛就用到了jquery-data,先把圖片的真實地址儲存到jquery-data中,做個監聽事件,等到滑到該圖片時再把真實地址取出來;
2.jquery-data的用法
給普通物件儲存單個屬性和取值
<script type="text/javascript" src="jquery-3.0.0.min.js"></script> varobj = {}; $.data(obj, 'name', 'xm'); // 賦值 var str = $.data(obj, 'name'); // 讀取值 console.log(str) // "xm"
- 給普通物件儲存多個屬性和取值
<script type="text/javascript" src="jquery-3.0.0.min.js"></script> 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 物件賦值,取值
<div class="demo"></div> <script type="text/javascript" src="jquery-3.0.0.min.js"></script> 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物件這麼簡單
轉載:https://www.cnblogs.com/webwangjin/p/6203521.html