Analyse de trois exemples d'utilisation de Jquery-data

Cet article présente principalement trois utilisations des données Jquery. A une très bonne valeur de référence. Jetons un coup d'œil avec l'éditeur ci-dessous, j'espère que cela pourra aider tout le monde.

Enregistrement

L'utilisation de Jquery-data :

jQuery-data est principalement utilisé pour stocker des données et aider des objets ordinaires ou des objets jQuery à stocker Data, en fait, si vous stockez simplement un seul attribut du dom, il suffit d'utiliser des attributs personnalisés attr ; si vous stockez plusieurs paires clé-valeur, il est recommandé d'utiliser jQuery-data

Pour exemple : de nombreux plug-ins l'utilisent pour le chargement paresseux d'images. Lorsqu'il s'agit de données jquery, stockez d'abord la véritable adresse de l'image dans jquery-data, créez un événement de surveillance, puis supprimez la véritable adresse lorsque vous glissez. à l'image;

Utilisation 1 : Pour les gens ordinaires L'objet stocke un seul attribut et une seule valeur

 <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"

Utilisation 2 : stocker plusieurs attributs et valeurs pour les objets ordinaires

<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"

Utilisation 3 : attribuer une valeur à l'objet dom Jquery

<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对象这么简单

Recommandations associées :

Comment PHP résout le problème des caractères chinois tronqués dans les données stockées MySQL

Détaillé introduction sur les données stockées

Plusieurs types de html5 sont stockés sur le client Explication détaillée des exemples de données

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!