溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Jquery-data的三種用法

發布時間:2020-09-28 21:45:44 來源:腳本之家 閱讀:158 作者:哈哈哈是我呀 欄目:web開發

記錄一下

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對象取值賦值

<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對象這么簡單

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持億速云!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女