jQuery의 data() 메소드에 적용한보다 실용적인 용도는 무엇입니까?

Question

질문을 요약하면 data() 함수를 비롯한 jQuery의 "숨겨진"측면에 대한 프레젠테이션을 진행하고 있습니다.

나는 함수가 작동하는 방식에 상당히 익숙하지만 기본적인 설정 이외의 충분한 실제 사용 예제를 얻거나 요소에 바인딩 된 이벤트를 얻고 식별하는 데 어려움을 겪고있다.

그 밖의 무엇을 $('#myElement').data()에 사용 하시나요?

Answer 1

jQuery 플러그인을 만들 때 일반적으로 .data() 함수를 사용하여 요소의 상태를 유지합니다.

• 텍스트 : 예를 들어, 텍스트가 텍스트 상자에 입력되어 있지 않은 경우에 워터 마크 텍스트를 표시하는 플러그인을 만들라고, 당신은 텍스트 상자의 상태를 저장 .DATA()를 사용할 수 있습니다 워터 마크
• 에 표시 .. 비어 여부
• CSS 클래스는 빈/비어 있지 않은 텍스트 상자
• 등을 위해 사용하는 것입니다

Answer 2

나는 그것을 편리 몇 times-에서 온 했어 자주 사용하는 것으로 나타났습니다. 요소와 관련된 데이터를 추적하지만 표시되지 않습니다.

예를 들어 내가 만든 RPG 캐릭터 제작자 사이트 중 한 곳에서 스킬 ID를 캐싱하기 위해 데이터를 사용했습니다. 다른 섹션에서는 속성에 포인트를 표시해야했습니다. 그들은 "5D + 2"라는 사용자 친화적 인 형식으로 표시되었지만 원시 형식으로 장면 뒤에 숨어있었습니다. 숨겨진 요소를 사용하여 동일한 정보를 보유하는 것보다 빠르고 쉽게 데이터를 사용할 수있었습니다.

더 복잡한 데이터 (예 : 재사용 될 Ajax 호출 정보)를 캐시하는 데 사용할 수도 있습니다.

Answer 3

사이트의 각 페이지에 "이름"을 지정하는 데 사용했습니다.이 페이지의 데이터는 JSON 배열의 해당 페이지 데이터 세트에 해당합니다. "pagename이 [foo]이면 JSON 파일의 [foo] 노드를 사용하여 해당 페이지를 채우는 하나의 Javascript 함수를 만드는 쉬운 방법입니다."

아마 1am 남쪽에 있지 않았다면 이것보다 더 잘 설명 할 수 있습니다.