[Misc] JQ - removeData() 메서드 - 이전 저장데이터 제거

 

 <style>

 div {margin: 2px; color: blue;}

 span {color: red;}

 </style>

 <script src="https://code.jquery.com/jquery-3.4.1.js"></script>

 

<div>생성 전 hz1 값: <span></span></div>

<div>생성 후 hz1 값: <span></span></div>

<div>제거 후 hz1 값: <span></span></div>

<div>생성 후 hz2 값: <span></span></div>

 

<script>

$( "span" ).eq( 0 ).text( "" + $( "div" ).data( "hz1" ) );

  

$( "div" ).data( "hz1", "홈짱닷컴" );

$( "div" ).data( "hz2", "Homzzang.com" );

  

$( "span" ).eq( 1 ).text( "" + $( "div").data( "hz1" ) );

  

$( "div" ).removeData( "hz1" );

$( "span" ).eq( 2 ).text( "" + $( "div" ).data( "hz1" ) );

  

$( "span" ).eq( 3 ).text( "" + $( "div" ).data( "hz2" ) );

</script>

 

결과보기

https://api.jquery.com/removedata/