3_jQeury_(이벤트,show,hide,slide)

13.이벤트2

@키보드 이벤트@

keydown : 키보드가 눌러질 때

keypress : 글자가 입력될 때 fn, 기능키 인식 X

keyup : 키보드가 떼어질 때

#input 이벤트 : 입력과 관련된 모든 이벤트를 나타냄

14.이벤트3

@input 관련 각종 이벤트

focus : 요소가 focus 받을때

blur : 요소의 focus가 해제되었을때

change : 요소의 값이 변경되었을때

 select, checkbox, radio에서는 값이 변경되었을때 바로 이벤트 발생

 text타입의 input, textarea에서는 focus가 해제되었을때(blur)일때 이벤트 발생

select : 요소의 값이 블럭(드래그)로 잡힌 경우 이벤트 발생

focusin(), focusout() : 해당요소자식요소가 포커스를 받거나 해제될때 발생

16. show_hide

(display 속성 메소드)

@Effect 메소드

- 페이지 내에서 애니메이션 효과를 만들기 위한 메소드집합

- 이펙트 메소드 작성법

1) $('s').메소드명();

2) $('s').메소드명(speed);

3) $('s').메소드명(speed, easing, callback);

speed : 애니메이션의 실행 속도(ms 단위) | show, fast

easing(완화) : 애니메이션의 지점별 속도 / linear, swing 가능

callback : 메소드 실행 후 실행할 함수

@ show()/ hide()

- show() 호출 시 해당 요소는 display : none -> 해당 요소의 지정된 display로 변경

@ 토글(toggle)

버튼 하나로 on/off 등 두가지 동작을 하는 버튼(스위치)

toggle() 메소드 : 선택된 요소의 display를 검사하여 

show(), hide()를 전환하는 메소드

17.fade

(display 속성 메소드)

@fade 관련 메소드

- fadeIn(ms) : 점점 진하게 변하면서 보여지는 효과

- fadeOut(ms) : 점점 희미하게 변하면서 사라지는 효과

- fadeToggle(ms) : fadeIn + fadeOut

- fadeTo(ms, 투명도) : 설정한 값까지 희미해지는 효과

 -> opacity 값을 이용하여 투명도 설정

18. slide

(display 속성 메소드)

@slideUp() : 요소를 숨김(비동기)

@slideDown() : 요소를 보이게함(동기)