DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery數據緩存用法分析解析教程
jQuery數據緩存用法分析解析教程
編輯:JQuery特效代碼     

本文分析了jQuery數據緩存用法。分享給大家供大家參考。具體如下:

在jQuery的API幫助文檔中,jQuery這樣描述數據緩存的作用:用於在一個元素上存取數據而避免了循環引用的風險。

一、定義緩存數據

使用$(selector).data(name,value)方法可以為jQuery對象定義緩存數據。這些緩存數據被存放在匹配的DOM元素集合中所有DOM元素中。

var $link = $('a');
$link.data('linkType', 'home');

說明:$(selector).data(name,value)可以在匹配的DOM元素上存放任何格式的數據,而不僅僅是字符串。

二、獲取緩存數據

此時,只需要一個參數即可,該參數指定緩存數據的名稱。

var linkType = $link.data('linkType'); //'home'

說明:如果讀取的緩存數據不存在,則返回值為undefined;如果jQuery集合指向多個元素,則將只返回第一個元素的對應緩存數據。

三、刪除緩存數據

removeData()函數能夠刪除指定名稱的緩存數據,並返回對應的jQuery對象。

//刪除緩存數據的同時,返回對應的jQuery對象。
var $a = $link.removeData('linkType');  

四、jQuery數據緩存的使用規范

隨著調用data()函數次數增多,或者因使用不當,會使得cache對象急劇膨脹,最終影響程序的性能。
所以在使用jQuery數據緩存功能時,應及時清理緩存對象。jQuery提供了removeData()函數手動清除緩存數據。根據jQuery框架的運行機制,下面幾種情況不需要手動清除數據緩存。

* 對elem執行remove()操作,jQuery會自動清除對象可能存在的緩存。
* 對elem執行empty()操作,如果當前elem子元素存在數據緩存,jQuery也會清楚子對象可能存在的數據緩存。
* jQuery復制節點的clone()方法不會復制data緩存。

希望本文所述對大家的jQuery程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved