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()

일치하는 항목에서 실행되는 함수의 대기열을 표시하거나 작동합니다. 요소

.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()

method는 이전에 data() 메서드를 통해 설정된 데이터를 삭제합니다

으아악

위 내용은 jquery의 여러 유형의 데이터 사용 예 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!