반응형 참고/Jquery26 jquery - 애니메이션 효과 제어 메서드 종류 *애니메이션 효과 제어 메서드 종류 종류 설명 stop() 현재 실행 중인 효과를 모두 정지시킴. delay() 지정한 시간만큼 지연했다가 애니메이션을 진행함. queue() 큐에 사용자 정의 함수를 추가하거나 큐에 대기 중인 함수를 배열에 담하 반환함. 그리고 queue() 메서드 이후의 애니메이션 효과 메서드는 모두 취소함. clearQueue() 큐에서 처음으로 진행하고 있는 애니메이션만 제외. 대기 중인 애니메이션은 모두 제거. dequeue() queue() 메서드를 이용하면 대기하고 있는 애니메이션 메서드는 제거됨. dequeue() 메서드를 이용하면 메서드가 제거되는 것을 막을 수 있음. finish() 선택한 요소의 진행 중인 애니메이션을 강제로 완료 시점으로 보낸 후 종료함. 2020. 5. 28. jquery - 효과(Effect) 메서드 종류 *효과 메서드 종류 구분 종류 설명 숨김 hide() 요소를 숨김. fadeOut() 요소가 점점 투명해지면서 사라짐. slideUp() 요소가 위로 접히며 숨겨짐. 노출 show() 숨겨진 요소가 노출됨. fadeIn 숨겨진 요소가 점점 선명해짐. slideDown() 숨겨진 요소가 아래로 펼쳐짐. 노출, 숨김 toggle() hide(), show() 효과를 적용. fadeToggle() fadeIn(), fadeOut() 효과를 적용. slideToggle() slideUp(), slideDown() 효과를 적용. fadeTo() 지정한 투명도를 적용. 2020. 5. 28. jquery - key event *keydown 이벤트 ---------------------------------------------------------- $(function(){ $(document).on('keydown', keyEventFnc); function keyEventFnc(e) { var direct = ""; switch (e.keyCode) { case 37: direct = "LEFT"; break; case 38: direct = "TOP"; break; case 39: direct = "RIGHT,dddd"; break; case 40: direct = "BOTTOM"; break; } if (direct) $("#user_id").val(direct); } }); 설명 keydown은 키보드를 누르면 이.. 2020. 5. 27. jquery - mouseover / mouseout ※mouseover등 mouse이벤트와 다르게 focus는 마우스 키보드 둘다 가능. 키보드 접근성 고려. 버튼1 버튼2 --------------------------------------------- $(function() { $("#btn1").data({"text":"javascript"}) .on({ "mouseover": overFnc, "mouseout": outFnc }); // ================================================== $("#btn2").data({"text":"welcome"}) .on({ "mouseover focus": overFnc, "mouseout blur": outFnc }); // ========================.. 2020. 5. 27. 이전 1 2 3 4 5 6 7 다음 반응형