ホームページ  >  記事  >  ウェブフロントエンド  >  Jquery-dataの3つの使用例の分析

Jquery-dataの3つの使用例の分析

小云云
小云云オリジナル
2018-01-17 15:06:201029ブラウズ

この記事では主に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, &#39;name&#39;, &#39;xm&#39;); // 赋值
 var str = $.data(obj, &#39;name&#39;); // 读取值
 console.log(str) // "xm"

使用法 2: 共通オブジェクトの複数の属性と値を保存する値

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

使用法 3: Jquery dom オブジェクトに値を割り当てる

<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对象这么简单
関連推奨事項:


PHP は MySQL に保存された中国語の文字化けデータをどのように解決しますか

保存データの詳細な紹介

クライアント側でデータを保存する HTML5 のいくつかの例の詳細な説明

以上がJquery-dataの3つの使用例の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。