Heim > Artikel > Web-Frontend > Analyse von drei Anwendungsbeispielen von Jquery-Daten
In diesem Artikel werden hauptsächlich drei Verwendungszwecke von Jquery-Daten vorgestellt. Hat einen sehr guten Referenzwert. Werfen wir einen Blick mit dem folgenden Editor. Ich hoffe, er kann allen helfen.
Aufzeichnen
Die Verwendung von JQuery-Daten:
JQuery-Daten werden hauptsächlich zum Speichern von Daten und zum Speichern gewöhnlicher Objekte oder JQuery-Objekte verwendet Daten: Wenn Sie einfach ein einzelnes Attribut des Doms speichern, reicht es aus, benutzerdefinierte Attr-Attribute zu verwenden. Wenn Sie mehrere Schlüssel-Wert-Paare speichern, wird empfohlen, jQuery-Daten zu verwenden Beispiel: Viele Plug-Ins verwenden dies zum verzögerten Laden von Bildern. Wenn es um JQuery-Daten geht, speichern Sie zunächst die tatsächliche Adresse des Bildes in JQuery-Daten, führen Sie ein Überwachungsereignis durch und entnehmen Sie dann beim Schieben die tatsächliche Adresse zum Bild;
Verwendung 1: Für normale Menschen Das Objekt speichert ein einzelnes Attribut und einen einzelnen Wert
<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"Verwendung 2: Speichern Sie mehrere Attribute und Werte für gewöhnliche Objekte
<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"Verwendung 3: Weisen Sie dem Jquery-Dom-Objekt einen Wert zu
Verwandte Empfehlungen:
<p class="demo"></p> <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对象这么简单
Das obige ist der detaillierte Inhalt vonAnalyse von drei Anwendungsbeispielen von Jquery-Daten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!