반응형
.data() | jQuery API Documentation
Description: Return arbitrary data associated with the first element in the jQuery collection, as set by data() or by an HTML5 data-* attribute. The .data() method allows us to read data previously associated with DOM elements. We can retrieve several dist
api.jquery.com
일치하는 요소와 연결된 임의의 데이터를 저장하거나 일치하는 요소 집합의 첫 번째 요소에 대한 명명된 데이터 저장소의 값을 반환합니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>data demo</title>
<style>
div {
color: blue;
}
span {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
<div>
The values stored were
<span></span>
and
<span></span>
</div>
<script>
$( "div" ).data( "test", { first: 16, last: "pizza!" } );
$( "span" ).first().text( $( "div" ).data( "test" ).first );
$( "span" ).last().text( $( "div" ).data( "test" ).last );
</script>
</body>
</html>https://jsfiddle.net/mill01/moegwyp3/
jquery .data() - JSFiddle - Code Playground
jsfiddle.net
반응형
'프로그래밍 > Script' 카테고리의 다른 글
| document.ready() vs window.load() 차이 (0) | 2023.07.03 |
|---|---|
| [jQuery] jQuery .each , $.trim li에서 텍스트 추출, 공백제거 (0) | 2023.06.23 |
| [javascript] 화면 리사이즈시 사이즈 확인 및 미디어쿼리 확인 (0) | 2023.05.26 |
| [javascript] 엔터키 입력 이벤트, KeyboardEvent keyCode (0) | 2023.05.26 |
| [VS Code] 인코딩 변경 (0) | 2023.05.09 |