1.jquery-data的用處

• jQuery-data主要是用來存儲數據，幫助普通對象或者jQuery對象來存儲數據，其實如果單純的儲存dom的單一的屬性，用attr自定義屬性足夠了；如果存儲多個鍵值對建議用jQuery-data; 例如： 圖片的懶加載好多插件就用到了jquery-data，先把圖片的真實地址儲存到jquery-data中，做個監聽事件，等到滑到該圖片時再把真實地址取出來；

jquery-data的用法

• 給普通對象儲存單個屬性和取值

<script type="text/javascript" src="jquery-3.0.0.min.js"></script> var obj = {};$.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

總結

以上是生活随笔為你收集整理的jquery-data的三种用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。