jQuery의 data() 메소드에 관하여

jQuery에 data()라는 메소드가 있군요. W3C의 소스를 분석하다가 data라는 것을 사용하기에 메뉴얼을 봤더니 jQuery Element에 특정 이름으로 값을 설정 할때 사용하네요.

호~~ 이런것이 있었다니  지금까지 attr()을 사용했는데 이제는 그럴 필요가 없겠네요.

사용법은 아주 간단합니다.

[data 값을 설정하는 방법]

data를 jQuery Element에 추가하려면 다음과 같이 사용하시면 됩니다.

data(name, value)

$(‘div’).data(‘name’, ‘value’);

[data 값을 구하는 방법 ]

추가된 data 값을 구하려면 다음과 같이 사용하시면 됩니다.

data(name)

$(‘div’).data(‘name’);

이걸로 뭘 하냐구요?? 음… 여러가지를 할 수 있는데요.  어떤 작업을 하다가 작업한 내용을 기억 하고 싶을때 변수를 따로 만들어서 저장하지 않고 해당 jQuery Element에 저장하고 싶은 경우 사용하시면 됩니다. 뭐 대충 아실거라 생각하고 마치겠습니다. ^^;;;;

아참!! attr() 과 data()의 차이점은 attr()은 DOM Element의 attribute를 추가하거나 값을 가져오는 것이고 data()는 jQuery Element의 property를 추가하는 것입니다.

attr()을 사용하지 않고 data()를 사용해야 하는 이유?? 글쌔요… DOM 파싱하면 attr 설정 값들은 전부 보이지만 jQuery Element는 브래이크 걸고 디버깅 하지 않는 이상 값이 노출되지 않는다 정도겠네요. 속도 차이가 나는지는 모르겠습니다.

Published by: benant

WEB PROGRAMMER. PHP, nodeJs, ASP, XML, Javascript, VBScript, PL/SQL, MySQL, Oracle. scrollads.co.kr 새로운 모바일 광고 서비스. trenue.com 시스탬 트래이딩 서비스. blogman.co.kr 블로그 운영 관리 서비스. creget.co.kr 해외 상품 구매대행. 핫딜 정보 제공 서비스. fgshop.co.kr - 독립형 쇼핑몰 솔루션.

카테고리 Web태그, , 댓글 남기기

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중