jQuery node(DOM) 선택자

jQuery와 DOM jQuery에서는 선택자 및 필터링 기반 트리탐색이 가능하다. 선택자 기반 트리 탐색 메서드 자식 children('선택자') 선택자에 해당하는 직계자식을 선택 find('선택자') 선택자에 해당하는 자식, 자손을 선택 선택자 생략 불가 부모 parent('선택자') 선택자에 해당하는 직계부모를 선택 parents('선택자') 선택자에 해당하는 부모, 조상을 선택 (body, html까지도..) 선택자 생략 하지말자 다음 next('선택자') 선택자에 해당하는 바로 다음 형제 요소 1개 를 선택 (친구) nextAll('선택자') 선택자에 해당하는 모든 다음 형제 요소를 선택 (친구) 이전 prev('선택자') 선택자에 해당하는 이전 형제 요소 1개 를 선택 (친구) prevAll(..

2021.12.08

JavaScript event

이벤트 프로그램에 의해 감지되고 처리될 수 있는 동작이나 사건 키보드나 마우스 동작처럼 브라우저에서 발생하는 사건(순간)들 사용자가 발생시킬 수도 있고 응용프로그램이 발생시킬 수도 있음. 이벤트의 종류 프레임 이벤트, 폼 이벤트, 드래그 이벤트, 클립보드 이벤트, 프린트 이벤트, 미디어 이벤트 등 수많은 이벤트가 있다. ＊ Mouse Event onClick 마우스로 해당 엘리먼트를 클릭함 onDbClick 마우스로 해당 엘리먼트를 더블클릭함 onMouseDown 마우스를 누름(클릭은 마우스를 눌렀다 때는 것으로 구별됨) onMouseMove 마우스가 엘리먼트 위에서 이동함 onMouseOut 마우스가 엘리먼트에서 벗어남 onMouseUp 마우스를 똄(MouseDown과 반대 됨) 버튼을 누른 상태에서 ..

2021.12.03

BOM, DOM Object Model

브라우저 객체 모델 (Browser Object Model : BOM) 실제 우리가 사용하고 있는 브라우저와 관련된 객체의 집합이다. 대표적으로 window(최상위 객체), location, navigator, history, screen, document 객체가 있다. location Object 웹 링크, url에 관련된 객체 navigatior Object 브라우저의 탑재 메뉴들 관장 history Object 히스토리 관장 screen Object 윈도우 창, 사이즈 관장 (반응형 웹 관련) window 객체 ＊ 브라우저의 내장 객체 중 최상위 객체 ＊ 모든 전역 객체, 함수, 변수는 자동적으로 window 객체에 속함 ＊ 모든 전역 변수는 window 객체의 속성이 됨 ＊ 모든 전역 함수는 wi..

2021.12.02