jqueryにおける数種類のデータの使用例まとめ

この記事では主に、jQuery でよく使われるいくつかのデータ処理メソッドの インスタンス紹介 を紹介し、初心者向けにいくつかの提案と参考情報を提供します。

1.clearQueue()

从序列中删除仍未运行的所有项目
.clearQueue(queueName)
$("div").clearQueue();//清空队列

2. .data()

選択した要素にデータを追加する、または選択した要素からデータを取得する

$(selector).data(name)//如果没有规定名称，则该方法将以对象的形式从元素中返回所有存储的数据
$(selector).data(name,value)向被选元素附加数据
$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});
//向元素附加数据，然后取回该数据

3. .dequeue()

のシーケンスを実行します。一致する要素 次の関数

.dequeue(queueName)
$("div").queue(function () {
  $(this).toggleClass("red");
  $(this).dequeue();
});//使用 dequeue() 终止一个自定义的队列函数

4. jQuery.hasData()

要素に関連付けられた jQuery データがあるかどうかを検出します

jQuery.hasData(element)//可选。需要检查其数据的 DOM 元素
$(function(){
  var $p = jQuery("p"), p = $p[0];
  $p.append(jQuery.hasData(p)+" "); /* false */
  jQuery.data(p, "testing", 123);
  $p.append(jQuery.hasData(p)+" "); /* true */
  jQuery.removeData(p, "testing");
  $p.append(jQuery.hasData(p)+" "); /* false */
});//在元素上设置数据，然后查看 hasData 的结果

Query.hasData() メソッドは、jQuery を使用して要素に現在 jQuery データ セットがあるかどうかを検出します.data() 値。要素に関連するデータがない場合 (データ オブジェクトがまったく存在しないか、データ オブジェクトが空である場合)、メソッドは false を返し、それ以外の場合は true を返します

jQuery.hasData(element) の主な利点は、次のような場合です。データ オブジェクトが存在しない場合、データ オブジェクトは作成されず、要素に関連付けられません。対照的に、jQuery.data(element) は常に呼び出し元にデータ オブジェクトを返します。データ オブジェクトが以前に存在しない場合は、

.queue(queueName)//字符串值，包含序列的名称。默认是 fx, 标准的效果序列
function showIt() {
  var n = div.queue("fx");
  $("span").text( n.length );      
  setTimeout(showIt, 100);
}//显示队列的长度
$('#foo').slideUp().fadeIn();//当这条语句执行时，元素会立即开始其滑动动画，但是淡入过渡被置于 fx 队列，只有当滑动过渡完成后才会被调用

この機能は、

コールバック関数

を提供するアニメーション メソッドに似ています。ただし、アニメーションの実行時にコールバック関数を設定する必要はありません:

$('#foo').slideUp();
$('#foo').queue(function() {
  alert('Animation complete.');
  $(this).dequeue();
});

は次と同等です:

$('#foo').slideUp(function() {
  alert('Animation complete.');
});

.queue() を介して関数を追加する場合、最終的に .dequeue() が呼び出されることを確認する必要があります。次のキューにある関数を実行できること

5. .removeData()

メソッドは、data()メソッドを通じて以前に設定されたデータを削除します

$(selector).removeData(name)//如果没有规定名称，该方法将从被选元素中删除所有已存储的数据
$("#btn2").click(function(){
  $("div").removeData("greeting");
  alert("Greeting is: " + $("div").data("greeting"));
});//从元素中删除之前添加的数据

以上がjqueryにおける数種類のデータの使用例まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。