> 웹 프론트엔드 > JS 튜토리얼 > jquery의 여러 유형의 데이터 사용 예 요약

jquery의 여러 유형의 데이터 사용 예 요약

伊谢尔伦
풀어 주다: 2017-06-19 10:44:36
원래의
1225명이 탐색했습니다.

이 글에서는 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(function() {
  alert('Animation complete.');
});
로그인 후 복사

를 통해 함수를 추가하는 경우와 같습니다. .queue(), 최종적으로 .dequeue()가 호출되도록 해야 대기 중인 다음 함수가 실행될 수 있습니다

5. .removeData()

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

으아악

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿