ホームページ > 記事 > ウェブフロントエンド > Jquery-dataの3つの使用例の分析
この記事では主にJquery-dataの3つの使い方を紹介します。非常に良い基準値を持っています。以下のエディターで見てみましょう。皆さんのお役に立てれば幸いです。
Jquery-data の使用を記録します:
jQuery-data は主にデータを保存するために使用され、通常のオブジェクトまたは jQuery オブジェクトがデータを保存するのに役立ちます。実際、dom の単一の属性を保存するだけの場合は、次を使用します。 attr を使用して属性を定義するだけで十分です。複数のキーと値のペアを保存する場合は、jQuery-data を使用することをお勧めします。例: 多くのプラグインは、画像の遅延読み込みに jquery-data を使用します。 jquery-data で画像の実際のアドレスを取得し、イベントをリッスンして画像にスライドするまで待ってから実際のアドレスを取得します
使用法 1: 共通オブジェクトの単一の属性と値を保存します
<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"
<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"
<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对象这么简单
関連推奨事項:
以上がJquery-dataの3つの使用例の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。