jQuery.hasData( element ) > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

jQuery.hasData( element ) 정보

jQuery jQuery.hasData( element )

본문

jQuery.hasData( element )

 

설명 : 요소에 연관된 jQuery 데이터가 있는지 확인하십시오.
이 jQuery.hasData()메서드는 요소에 현재 사용 된 값이 있는지 확인하는 방법을 제공합니다 jQuery.data(). 요소와 연관된 데이터 객체가 없으면 메서드가 반환됩니다 false. 그렇지 않으면 리턴합니다 true.

주요 이점은 jQuery.hasData(element)현재 존재하지 않는 요소가 있으면 데이터 객체를 만들고 연관시키지 않는다는 것입니다. 반대로 jQuery.data(element)항상 데이터 객체를 호출자에게 반환하여 이전에 데이터 객체가 없으면 객체를 만듭니다.

jQuery의 이벤트 시스템은 jQuery 데이터 API를 사용하여 이벤트 핸들러를 저장한다. 따라서, 사용 된 요소에 이벤트를 결합 .on(), .bind(), .live(), .delegate(), 또는 이벤트 속기 방법 중 하나는 또한 그 요소를 데이터 객체를 연관시킨다.

예:
요소에 데이터를 설정하고 hasData의 결과를 확인합니다.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.hasData demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<p>Results: </p>
 
<script>
var $p = jQuery( "p" ), p = $p[ 0 ];
$p.append( jQuery.hasData( p ) + " " ); // false
 
$.data( p, "testing", 123 );
$p.append( jQuery.hasData( p ) + " " ); // true
 
$.removeData( p, "testing" );
$p.append( jQuery.hasData( p ) + " " ); // false
 
$p.on( "click", function() {} );
$p.append( jQuery.hasData( p ) + " " ); // true
 
$p.off( "click" );
$p.append( jQuery.hasData( p ) + " " ); // false
</script>
 
</body>
</html>

추천
0

댓글 1개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT