검색결과 리스트
data에 해당되는 글 1건
- 2015.11.16 JQuery data()
글
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
JQuery에 data()라는 것이 있는데 HTML Element에 <key, value> 형태로 데이터를 저장/조회 하는 기능을 한다.
value는 javascript의 데이터타입을 모두 저장이 가능하다.
1. 데이터설정
<script>
$('#test').data('name', 'kim');
$('#test').data('age', 10);
</script>
<div id="test"></div>
위와 같이 실행을 하면 아래와 같이 HTML Element에 데이터가 설정되는 효과가 있다.
<div id="test"
data-name="kim"
data-age=10>
</div>
2. 데이터조회
반대로 data의 값을 조회할 때는 아래와 같이 가능하다.
<script>
var name = $('#test').data('name'); // kim
var age = $('#test').data('age'); // 10
</script>
<div id="test"
data-name="kim"
data-age=10>
</div>
'-- JQuery' 카테고리의 다른 글
| javascript promise code style (0) | 2017.03.22 |
|---|---|
| $.each 메소드 사용시 break, continue 사용 (0) | 2017.01.24 |
| ajax로 업로드 시 file객체 처리 (0) | 2015.05.11 |
| when, done, then (0) | 2014.11.24 |
| IE8, IE9에서 placeholder 적용되게 하는 방법 (0) | 2014.09.02 |
RECENT COMMENT