jQuery-Datencache-Nutzungsanalyse_jquery

In diesem Artikel wird die Nutzung des jQuery-Datencaches analysiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

In der API-Hilfedokumentation von jQuery beschreibt jQuery die Rolle des Datencachings wie folgt: Wird verwendet, um auf Daten in einem Element zuzugreifen, ohne dass das Risiko von Zirkelverweisen besteht.

1. Cache-Daten definieren

Verwenden Sie die Methode $(selector).data(name,value), um zwischengespeicherte Daten für jQuery-Objekte zu definieren. Diese zwischengespeicherten Daten werden in allen DOM-Elementen im passenden DOM-Elementsatz gespeichert.

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

Hinweis: $(selector).data(name,value) kann Daten in jedem Format auf dem passenden DOM-Element speichern, nicht nur Zeichenfolgen.

2. Cache-Daten abrufen

Zu diesem Zeitpunkt ist nur ein Parameter erforderlich, der den Namen der zwischengespeicherten Daten angibt.

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

Hinweis: Wenn die gelesenen Cache-Daten nicht vorhanden sind, ist der Rückgabewert undefiniert; wenn die jQuery-Sammlung auf mehrere Elemente verweist, werden nur die entsprechenden Cache-Daten des ersten Elements zurückgegeben.

3. Zwischengespeicherte Daten löschen

Die Funktion „removeData()“ kann zwischengespeicherte Daten mit einem angegebenen Namen löschen und das entsprechende jQuery-Objekt zurückgeben.

//删除缓存数据的同时，返回对应的jQuery对象。
var $a = $link.removeData('linkType');  

4. Spezifikationen für die Verwendung des jQuery-Datencaches

Wenn die data()-Funktion häufiger aufgerufen wird oder aufgrund unsachgemäßer Verwendung, vergrößert sich das Cache-Objekt schnell, was letztendlich die Leistung des Programms beeinträchtigt.
Daher sollten bei Verwendung der jQuery-Daten-Caching-Funktion die Cache-Objekte rechtzeitig gelöscht werden. jQuery bietet die Funktion „removeData()“, um zwischengespeicherte Daten manuell zu löschen. Gemäß dem Betriebsmechanismus des jQuery-Frameworks ist es in den folgenden Situationen nicht erforderlich, den Datencache manuell zu leeren.

* Führen Sie die Operation „remove()“ für elem aus, und jQuery löscht automatisch den Cache, der möglicherweise auf dem Objekt vorhanden ist.
* Führen Sie die Operation empty() für elem aus. Wenn für das aktuelle elem-Unterelement ein Datencache vorhanden ist, kennt jQuery auch den möglichen Datencache für das Unterobjekt.
* Die clone()-Methode zum Kopieren von Knoten in jQuery kopiert den Datencache nicht.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.