JS, JQuery

Q. 객체 가져오기
getElementBy(~) classname, id, tag
querySelector(~) #tag

Q js를 사용해 DOM에서 발생하는 Event 감지
마우스 이벤트, 키보드 이벤트, 프레임 이벤트, 폼 이벤트가 있다.
addEventLister방식 많이 사용했음.

Web Storage - Localstorage
- js로만 조작이 가능하다.
key, value를 하나의 세트로 저장한다.
값은 반드시  문자열로 저장된다. 객체로 저장될 수 없다. - > 객체를 저장할 때는stringify 사용해서 문자열로 바꿔서 저장.  -> 다시 바꿀때는 json.parse함
setitem(key,value), getitem, clear, key(index), length 등 존재.

------jquery--------

JQuery -> selector을 사용해 DOM 객체를 탐색하고 반환된 레퍼런스를 통해 함수를 구성한다.

Q. JS dom 탐색과 Jquery dom 탐색의 차이점
JS : document 객체를 사용해 id, class name, tag등을 통해 DOM요소를 탐색한다.
JQ : selector 표현 방식을 사용해 DOM 요소를 탐색한다. ($)

jquery->

> : 자식 선택자 (인접 자식)
공백 : 자손 선택자 (모든 자손)
+ :  인접 선택자 (인접 형제)
~ : 형제 선택자 (모든 형제)

위치 기반 필터 선택자
:first, last, first-child, last-child, only-child, even, odd 등이 있다.

함수 기반 필터 선택자
: non, contains, nth-child, eq, 등도 있다.

JQuery DOM 객체 언어
자식 : append(맨 뒤에 객체 추가) prepend(맨 앞에 객체 추가) 
형제 : after ( 바로 이후에 객체 추가), before(바로 이전에 객체 추가)

on : event 실행
off : event 삭제
one : on->실행->삭제. 한번 실행 후 삭제하는 기능.