jquery data()

DDUBINI·2020년 12월 26일
0

data()

data()는 HTML 엘리먼트 내에 데이터를 저장하고 읽는 역할을 하는 함수이다.

사용하는 곳

  • 서버에서 조회된 데이터를 추후 ajax 통신을 하기 위한 data 저장
  • data()를 활용하여 Form의 <input> 엘리먼트의 validation 적용
pagingArea.on("click", "a", function(event){
		event.preventDefault();
		let page = $(this).data("page");
		searchForm.find("[name='page']").val(page);
		searchForm.submit();
		return false;
	})

"page"를 꺼내기위해 사용했다.

해당 엘리먼트에 Javascript Type의 value로 저장할 수 있으며, 값으로 저장되어 있는 데이터를 읽는다.

  1. 데이터 저장
  • 문법 = $(selector).data(key,value)
  • key = string 타입의 변수로 data가 저장될 key값이다.
  • value = object 타입으로 javascript에서 지원하는 모든 타입의 데이터 저장 가능
  1. 데이터 읽기
  • 문법 = $(selector).data(key)
  • key = 앞서 저장한 data를 읽어오기 위한 key값이다.
  • key를 생략하고 .data()로 호출할 경우에는 해당 엘리먼트에 저장된 모든 data들이 JSON형식으로 리턴된다.

gt(n)

해당 번째(n) 다음 요소들에 스타일이나 동작이 적용된다.
ex) gt(0)이면 첫번째요소 그 다음 번째 요소들을 가리킨다.



var test = "2";
$('#testSelect option[value='+ test +']').attr('selected', true);

select는 readonly가 안된다...
option을 없애버리는 방법도...굳


.get()

선택한 요소를 배열로 가져온다.

.get(n)
선택한 요소 중 특정한 것만 가져온다.

profile
ㅎㅇㅎㅇ

0개의 댓글