本文主要介紹了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, '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物件取值賦值
<p class="demo"></p>
<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对象这么简单相關推薦：
以上是Jquery-data的三種用法實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！
