$ .data

$를 사용하는 시점은 주로 JQuery의 내부 캐시 ($ .Cache) 내에 DOM 요소와 관련된 데이터를 저장하는 데 사용됩니다. 이 데이터는 요소 자체의 HTML 속성으로 저장되지 않습니다. 따라서 데이터 바인딩 또는 사용자 정의 스크립팅 목적으로 데이터를 지속적으로 저장 해야하는 경우 $ .Data는 선호하는 선택입니다.

$('#foo').data('myData', 'someValue');
// Gets the stored data
$('#foo').data('myData'); // outputs "someValue"

$('#foo').data('myData', 'someValue');
// Gets the stored data
$('#foo').data('myData'); // outputs "someValue"

$('#foo').data('myData', 'someValue');
// Gets the stored data
$('#foo').data('myData'); // outputs "someValue"

$에 대해서만 데이터를 포함시킬 수 있는데,

• $. attr는 데이터를 검색 할 때 원래 데이터 유형을 보존합니다.
• 혼란을 피하기 위해 $ .Data에 저장된 데이터에 액세스 할 때 Camelcase 구문을 사용하는 것이 좋습니다. $ .data.