본문 바로가기
728x90
반응형

교육/jQuery3

jQuery 개발자 수업 69일차(3) - 자식-부모-형제 찾기, Box Model, Scroll 1. 자식-부모-형제 찾기 2. Box Model 3. Scroll 1. 자식-부모-형제 찾기 [ 자식 찾기 ] - DOM 방식: childNodes, children - jQuery 방식: children() - 예제 See the Pen by yhyuk (@yhyuk) on CodePen. [ 부모 찾기 ] - DOM 방식: parentNode, parentElement - jQuery 방식: parent(), parents() - 예제 See the Pen 부모 찾기 예제 by yhyuk (@yhyuk) on CodePen. [ 형제 찾기 ] - DOM 방식: previousSibling, nextSibling - jQuery 방식: prev(), next() - 예제 See the Pen by y.. 2021. 7. 6.
jQuery 개발자 수업 69일차(2) - Effect, HTML 조작 1. Effect 2. HTML 조작 1. Effect [ jQuery Effect Function ] - CSS 애니메이션(transition, animate) 조작 1) 요소의 표시와 숨김 메소드 메소드명 설명 hide(time) 선택한 요소를 숨긴다. show(time) 선택한 요소를 나타낸다. toggle(time) 선택한 요소를 숨길 수 있으며 나타낼 수 있다. * 인자값(time)에는 'slow', 'fast', 시간(s)을 넣을 수 있다. See the Pen event 예제1 by yhyuk (@yhyuk) on CodePen. 2) 요소의 표시와 숨김 메소드 메소드명 설명 fadeOut(time) 선택한 요소를 숨긴다. fadeIn(time) 선택한 요소를 나타낸다. fadeToggle(.. 2021. 7. 5.
jQuery 개발자 수업 69일차(1) - jQuery, 선택자(Selector), 이벤트(Event) 1. jQuery 2. 선택자(Selector) 3. 이벤트(Event) 1. jQuery [ 정의 ] - 클라이언트 측 HTML 스크립팅을 간소화하기 위해 고안된 크로스 플랫폼 자바스크립트 라이브러리다 - Lightweight footprint, 경량 - CSS3 Comliant, CSS3 선택자를 지원한다. (태그 검색하는 도구로 제공) - Cross-Browser(Chrome, Edge, FireFox, IE, Safari, Android, iOS) [ 설치 방법 ] 1) 로컬 설치 방법 - http://jquery.com 에 접속한뒤 필요한 버전을 다운로드한다. ( 마우스 우클릭 -> 다른이름으로 링크 저장 ) - 다운받은 링크를 내 현재 프로젝트 폴더에 넣는다. - 설치한 파일 경로를 head .. 2021. 7. 5.
728x90
반응형

티스토리툴바