메서드2

DOM객체 조작하는 메서드
-------------------
요소의 속성 변경
1. 선택자 속성의 값을 가져온다
2. 선택자의 속성값을 변경 
3. 선택자의 속성값을 제거 $(selector).removeAttr()
-------------------
요소의 스타일 변경
1. 선택자 스타일의 해당값을 가져온다.
2. 선택자 스타일의 값을 변경한다.
3. 선택자에 여러 스타일을 한번에 설정한다.
-------------------
클래스 사용하기
1. 선택자에 class 추가
2. 선택자에 특정 class가 있는지 찾기
3. 선택자에 class제거
4. 선택자에 class추가 제거 반복
-------------------
제거,비우기

1. 선택자 노드 제거
- $(selector).remove()

2. 선택자 노드 중 자식노드를 제거
- $(selector).empty()

3. 선택자와 같은 노드를 복제
- $(selector).clone()

-------------------
탐색이동메서드(요소를 선택할때)

1. 선택한 요소 집합 중 첫번째 요소를 찾는다
- $(selector).first()

2. 선택한 요소 집합 중 마지막 요소를 찾는다
- $(selector).last()

3. 선택하나 요소의 바로 다음에 있는 형제 요소를 찾는다.
- $(selector).next()

4. 선택한 요소의 바로 앞에 있는 형제요소를 찾는다. 
- $(selector).prev()

5. 선택요소의 자식요소를 모두 찾는다.
- $(selector).children()

6. 선택요소의 부모요소를 찾는다.
- $(selector).parent()

7. 선택요소의 형제요소를 찾는다.
- $(selector).siblings()

8. 모든 배열같은 요소에 각각 함수를 실행하는 메서드
- $(selector).each()

-------------------
이벤트

1. click 이벤트 연결하는 형식 2가지
- $(selector).on("click", function(){})
- $(selector).bind("click", function(){})
- $(selector).click(function(){})

2. 선택자에 이벤트를 강제로 실행하는 메서드
- $(selector).trigger()

3. 마우스이벤트의 종류 7가지이상
- click, dbclick, mouseenter, mouseleave, mouseup, mousedown, hover, move

4. hover()이벤트 작성구문
- $(selector).hover(
   function(){},
   function(){}
   );

5. 윈도우이벤트 종류 2가지 이상
- resize, scroll, load, ready

-------------------

이펙트 명령어

1. 이펙트메서드 사용하는 기본구문
- $(selector).effect명(duration, eading, callbackFn)

2. 이펙트 종류 6가지 이상
- show(), hide(), toggle()
- slideUp(), slideDown(), slideToggle()
- fadeIn(), fadeOut(), fadeToggle()

3. animate()의 기본구문(인자값 4개)
- $(selector).aniamte({속성명:속성값}, duration, eading, callbackFn);

-------------------
수치관련메서드(크기,위치)

1. 가로,세로 크기추출하는 메서드
- width(), height()

2. 선택자의 위치값 설정, 추출하는 메서드
- $(selector).position().top
- $(selector).offset().top

3. 문서의 스크롤의 세로, 가로값
- $(selector).scrollTop()
- $(selector).scrollLeft()
-------------------
수고하셨습니다~!!
공부해서 남주자~!!!