記錄一下
創新互聯長期為上千家客戶提供的網站建設服務,團隊從業經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯網生態環境。為宜川企業提供專業的成都做網站、網站制作,宜川網站改版等技術服務。擁有十余年豐富建站經驗和眾多成功案例,為您定制開發。
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對象這么簡單
以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持創新互聯!
標題名稱:Jquery-data的三種用法
標題路徑:http://www.yijiale78.com/article32/jsphsc.html
成都網站建設公司_創新互聯,為您提供品牌網站制作、網站改版、微信小程序、網站制作、網站排名、云服務器
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯