Jquery-data的三種用法
更新時間：2017年04月18日 10:07:26 作者：哈哈哈是我呀
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價值。下面跟著小編一起來看下吧
記錄一下
Jquery-data的用處：
jQuery-data主要是用來存儲數(shù)據(jù)，幫助普通對象或者jQuery對象來存儲數(shù)據(jù)，其實如果單純的儲存dom的單一的屬性，用attr自定義屬性足夠了；如果存儲多個鍵值對建議用jQuery-data;
例如： 圖片的懶加載好多插件就用到了jquery-data，先把圖片的真實地址儲存到j(luò)query-data中，做個監(jiān)聽事件，等到滑到該圖片時再把真實地址取出來；
用法一：給普通對象儲存單個屬性和取值
<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對象這么簡單
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
jQuery是一款同prototype一樣優(yōu)秀js開發(fā)庫類，特別是對css和XPath的支持，使我們寫js變得更加方便，本篇文章給大家介紹jquery效果使用詳解，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
基于jquery的自定義鼠標提示效果 jquery.toolTip
看到其它網(wǎng)站A標簽title效果，心里癢癢，就想也用到自己網(wǎng)站上。 正好在學(xué)jquery 插件擴展，就參照前輩代碼，自己動手寫了一個2010-11-11
jQuery實現(xiàn)自動調(diào)用和觸發(fā)某個事件的方法
這篇文章主要介紹了jQuery實現(xiàn)自動調(diào)用和觸發(fā)某個事件的方法,結(jié)合實例形式列舉分析了jQuery事件觸發(fā)的常見操作技巧,需要的朋友可以參考下2016-11-11
本篇文章主要是對JS中的log對象獲取以及debug的寫法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
這篇文章主要為大家詳細介紹了jquery實現(xiàn)移動端懸浮拖拽框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十三）之位置大小操作的相關(guān)資料,需要的朋友可以參考下2015-12-12
jQuery EasyUI 開源插件套裝 完全替代ExtJS
JQuery愛好者們的福音 jQuery EasyUI 開源插件套裝 完全替代ExtJS(引用)2010-03-03
這篇文章主要介紹了jQuery基于擴展實現(xiàn)的倒計時效果,涉及jQuery擴展的使用與時間操作的相關(guān)技巧,需要的朋友可以參考下2016-05-05JQuery對checkbox操作 （循環(huán)獲?。?/a>
下面是Jquery對checkbox的一些操作，全選，反選，取消全選等等.2011-05-05
jQuery控制文本框只能輸入數(shù)字和字母及使用方法
這篇文章主要介紹了jQuery控制文本框只能輸入數(shù)字和字母及使用方法的相關(guān)資料，非常不錯而且實用性也很高,需要的朋友可以參考下2016-05-05