Jquery-data的三種用法實例分析

本文主要介紹了Jquery-data的三種用法。具有很好的參考價值。下面跟著小編一起來看吧，希望能幫助大家。

記錄一下

Jquery-data的用處：

jQuery-data主要是用來儲存數據，幫助普通物件或jQuery物件來存儲數據，其實如果單純的儲存dom的單一的屬性，用attr自訂屬性足夠了；如果存儲多個鍵值對建議用jQuery-data;

例如： 圖片的懶加載好多插件就用到了jquery-data，先把圖片的真實地址儲存到jquery-data中，做個監聽事件，等到滑到該圖片時再把真實地址取出來；

用法一：給普通物件儲存單一屬性和取值

 <script type="text/javascript" src="jquery-3.0.0.min.js"></script>
 var obj = {};
 $.data(obj, &#39;name&#39;, &#39;xm&#39;); // 赋值
 var str = $.data(obj, &#39;name&#39;); // 读取值
 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, &#39;name1&#39;); // 读取值
 var str2 = $.data(obj, &#39;name2&#39;); // 读取值
 console.log(str1) // "xm"
 console.log(str1) // "xh"

用法三：給Jquery dom物件取值賦值

<p class="demo"></p>
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = $(&#39;.demo&#39;);
 $.data(obj,{name1:"xm",name2:"xh"}); // 赋值
 var str1 = $.data(obj, &#39;name1&#39;); // 读取值
 var str2 = $.data(obj, &#39;name2&#39;); // 读取值
 console.log(str1) // "xm"
 console.log(str1) // "xh"
// 就是把obj换成jquery对象这么简单

相關推薦：

PHP如何解決MySQL儲存資料中文亂碼

關於儲存資料的詳細介紹

html5幾個在客戶端儲存資料的實例詳解

以上是Jquery-data的三種用法實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！