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;

 <script type="text/javascript" src="jquery-3.0.0.min.js"></script>
 var obj = {};
 $.data(obj, &#39;name&#39;, &#39;xm&#39;); // 赋值
 var str = $.data(obj, &#39;name&#39;); // 读取值
 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, &#39;name1&#39;); // 读取值
 var str2 = $.data(obj, &#39;name2&#39;); // 读取值
 console.log(str1) // "xm"
 console.log(str1) // "xh"

<p class="demo"></p>
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = $(&#39;.demo&#39;);
 $.data(obj,{name1:"xm",name2:"xh"}); // 赋值
 var str1 = $.data(obj, &#39;name1&#39;); // 读取值
 var str2 = $.data(obj, &#39;name2&#39;); // 读取值
 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!