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)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
jquery過濾特殊字符'',防sql注入的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query過濾特殊字符',防sql注入的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了jquery的ajax簡單結(jié)構(gòu),需要的朋友可以參考下2014-02-02
這篇文章主要介紹了jQuery學習筆記之2個小技巧,1.jQuery功能函數(shù)前綴,2.解決window.onload函數(shù)沖突,非常不錯，推薦給小伙伴參考下2015-01-01
jQuery移除或禁用html元素點擊事件常用方法小結(jié)
這篇文章主要介紹了jQuery移除或禁用html元素點擊事件常用方法,結(jié)合實例形式總結(jié)分析了jQuery針對onclick事件的禁用與屏蔽技巧,需要的朋友可以參考下2017-02-02
div層的放大與縮小想必大家已不是那么陌生了吧，接下來為大家詳細介紹下使用jQuery實現(xiàn)，感興趣的各位可以參考下哈，希望可以幫助到你2013-03-03
這篇文章主要介紹了jQuery中過濾器的基本用法,結(jié)合簡單實例形式分析了jQuery過濾器針對table表格元素屬性進行判斷與設(shè)置的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
jQuery密碼強度檢測插件passwordStrength用法實例分析
這篇文章主要介紹了jQuery密碼強度檢測插件passwordStrength用法,以一個完整實例形式較為詳細的分析了passwordStrength插件針對密碼強度的檢測方法,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了jquery獲取checkbox的值并post提交,需要的朋友可以參考下2015-01-01
jQuery 1.7.2中g(shù)etAll方法的疑惑分析
2012-05-05
將自己的表單元素ID和name命名為了nodeName，在chrome瀏覽器下報錯，結(jié)果發(fā)現(xiàn)是表單元素命名的原因2014-03-03