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>
댓글 1개
많이 배웠습니다. 감사합니다.