jquery data()가 값을 저장하는 방법에 대한 실제 측정_jquery

오늘 저는 JS Definitive Guide의 19장에서 jQuery의 데이터 프레임워크가 요소 데이터를 요소 속성으로 저장하지 않지만 데이터와 연결하기 위해 요소에 특수 속성을 추가해야 한다는 문장을 보았습니다. jQuery에는 어떤 특수 속성이 추가된 걸까요? 아직 조사해본 적은 없지만 jQuery의 data("xxx") 메서드를 통해 HTML 태그의 data-xxx 속성 값을 얻을 수 있었던 것으로 기억합니다. >

테스트 및 결과는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. :

var $demo1 = $("#demo1")
$demo1.data("x",123)
console.log($demo1.attr(" x")); //정의되지 않음
$demo1 .attr("data-y","abc");
console.log($demo1.data("y")); //"abc"