본문 바로가기

내마음대로만들어보자/JS83

스크롤바 위치 메서드 scrollTop() / scrollLeft() scrollTop() 메서드는 브라우저의 스크롤바가 수직/수평으로 이동한 위칫값을 불러오거나 변경할때 사용한다. * 기본형 1) $(요소 선택).scrollTop(); $(요소 선택).scrollLeft(); 2) $(요소 선택).scrollTop(새 값); $(요소 선택).scrollLeft(새 값); 1) 스크롤바가 수직 또는 수평으로 이동한 위칫값을 반환 2) 입력한 수치만큼 수직 또는 수평으로 스크롤바를 이동시킨다. * 예제 위치 메서드 2021. 8. 21.
요소 위치 메서드 - position() / offset() position() 메서드는 포지션 기준이 되는 요소를 기준으로 선택한 요소에서 가로/세로 떨어진 위치의 좌푯값을 반환하거나 변경할때 사용한다. offset() 메서드는 문서(Document)를 기준으로 선택한 요소의 가로/세로로 떨어진 위치의 좌푯값을 반환하거나 변경할 때 사용한다. * 예제 박스 절대 top위칫값: 상대 top위칫값: 2021. 8. 21.
수치조작메서드 종류 사용법 설명 height() $("요소 선택").height(); $("요소 선택").height(100); 안쪽 여백과 선을 제외한 높잇값을 반환하거나 변환한다. width() $("요소 선택").width(); $("요소 선택").width(100); 안쪽 여백과 선을 제외한 너빗값을 반환하거나 변환한다. innerHeight() $("요소 선택").innerHeight(); $("요소 선택").innerHeight(300); 안쪽 여백을 포함한 높잇값을 반환하거나 변환한다. innerWidth() $("요소 선택").innerWidth(); $("요소 선택").innerWidth(100); 안쪽 여백을 포함한 너빗값을 반환하거나 변환한다. outerHeight() $("요소 선택").outer.. 2021. 8. 21.
prop() 메서드 props() 메서드는 선택한 폼 요소(선택 상자, 체크 박스, 라디오 버튼)의 상태 속성값을 가져오거나 새롭게 설정할 때 사용한다. 또한, 선택한 요소의 태그명, 노드타입, 선택 상자의 선택된 옵션의 인덱스 값도 알수 있다. * 기본형 1) $("요소 선택").prop("[ checked | selected ]"); 2) $("요소 선택").prop("[ checked | selected ]",[ true | false]); 3) $("요소 선택").prop("[ tagName | nodeType | selectedindex | dafaultValue ]"); 1) 선택한 폼 요소(체크박스, 라디오 버튼, 선택 상자)가 체크된 상태(checked)인지, 선택된 상태(selected)인지 알 수 있다. .. 2021. 8. 21.

티스토리툴바