欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery-data的三種用法

 更新時(shí)間：2017年04月18日 10:07:26   作者：哈哈哈是我呀  
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧

記錄一下

Jquery-data的用處：

jQuery-data主要是用來存儲(chǔ)數(shù)據(jù)，幫助普通對(duì)象或者jQuery對(duì)象來存儲(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í)地址取出來；

用法一：給普通對(duì)象儲(chǔ)存單個(gè)屬性和取值

 <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"

用法二：給普通對(duì)象儲(chǔ)存多個(gè)屬性和取值

<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對(duì)象取值賦值

<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對(duì)象這么簡(jiǎn)單

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！

相關(guān)文章

最新評(píng)論