jQuery 데이터 랭글링: $.data()와 $.attr()을 언제 사용해야 합니까?

jQuery를 사용한 데이터 랭글링: $.data 대 $.attr

jQuery를 사용하여 데이터 속성을 조작하는 맥락에서 $.data 및 $.attr은 서로 다른 용도로 사용됩니다.

$.data: 내부 데이터 저장소

$.data는 DOM에 직접 저장하기보다는 jQuery의 내부 캐시인 $.cache 내에 데이터를 저장하는 데 주로 사용됩니다. $.data를 사용하여 요소에 데이터를 할당하면 해당 요소의 개체와 연결되어 복잡한 개체 및 참조를 저장할 수 있습니다. 또한 $.data는 자동 캐스팅을 수행하여 문자열의 데이터를 부울, 숫자, JSON과 같은 인식된 유형으로 변환합니다.

$.attr: HTML5 데이터 속성

대조적으로 $.attr은 DOM에 속성으로 저장되는 HTML5 데이터 속성을 설정하고 검색하는 데 사용됩니다. 이러한 속성은 표준화된 방식으로 데이터 저장을 용이하게 하도록 설계되었습니다. 데이터 속성을 사용할 때 발생하는 하이픈-camelCase 변환을 기록하는 것이 중요합니다. $.data를 통해 데이터에 액세스할 때 속성 이름의 하이픈은 자동으로 camelCase로 변환됩니다.

모범 사례

• 서버에서 받은 데이터의 경우 $를 사용합니다. 데이터를 DOM 요소의 데이터 속성에 저장합니다.
• HTML5 데이터 속성을 설정하려면 다음을 사용하세요. $.attr.
• 하이픈으로 연결된 데이터 속성 이름에 액세스할 때 JavaScript의 camelCase 버전을 사용하면 더 일관성이 있습니다.
• 데이터 속성의 원래 문자열 값을 유지하려면 $.attr을 사용하세요. .
• 숫자, 문자열 등의 데이터를 자동으로 캐스팅하려면 $.data를 사용하세요.
• jQuery에서 1.8 rc 1 이상에서는 숫자 값의 표현이 동일하게 유지되는 경우에만 자동 캐스팅됩니다. 대체 숫자 구문의 경우 단항 연산자를 사용하여 값을 숫자로 변환합니다.

위 내용은 jQuery 데이터 랭글링: $.data()와 $.attr()을 언제 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!