jquery 이벤트2 [jQuery] 효과 이름 설명 show( ) 문서 객체를 크게 확대하며 보여준다 hide( ) 문서 객체를 작게 축소하며 사라지게 한다 toggle( ) show( ) 메서드와 hide( ) 메서드를 번갈아 실행한다 slideDown( ) 문서 객체를 슬라이드 효과와 함께 보여준다 slideUp( ) 문서 객체를 슬라이드 효과와 함께 사라지게 한다 slideToggle( ) slideDown( ) 메서드와 slideUp( ) 메서드를 번갈아 실행한다 fadeIn( ) 문서 객체를 선명하게 보여준다 fadeOut( ) 문서 객체를 흐리게 사라지게 한다 fadeToggle( ) fadeIn( ) 메서드와 fadeOut( ) 메서드를 번갈아 실행한다 $(selector).method( ); $(selector).method(sp.. 2021. 4. 14. [jQuery] 이벤트 이벤트 연결 기본 이름 설명 on() 이벤트를 연결 메서드 두가지 형태 $(selector).on(evnetName, function(event){}) $(selector).on(object) 예제1 Header-0 Header-1 Header-2 결과 on메서드의 첫번째 매개변수에 이벤트 이름을 입력하고 두 번째 매개변수에 이벤트 리스너를 입력 예제2 Header-0 Header-1 Header-2 mouseenter : function (){ $(this).addClass('reverse'); }, mouseleave : function (){ $(this).removeClass('reverse');} reverse 클래스 속성을 추가하고, 마우스가 빠져나가면 reverse 클래스 속성을 제거 이벤트.. 2021. 4. 13. 이전 1 다음