프론트엔드/JQuery

scroll $(window) 매서드 내용 resize() 브라우저의 가로 사이즈가 변경될 때 이벤트 발생 scroll() 브라우저의 스크롤이 움직일 때 이벤트 발생 load() 소스가 로딩될 때 이벤트 발생 ready() HTML문서가 로딩이 완료되면 이벤트 발생 $(document) scrollTop() 선택한 요소의 스크롤바 수직 위치를 반환하거나, 수직위치를 정한다 scrollLeft() $('html,body').animate({scrollLeft : num, scrollTop:num}) $(function(){ $('#tt').on('click',function(){ $('html,body').animate({scrollTop: 1500 , scrollLeft:800}) }) $('#top')..

이펙트 명령어: $(선택자).이펙트명령어(❶시간, ‘❷easing’,❸콜백 함수function(){실행문;}); ❶시간 : 1. 키워드값 (밀리초) : slow, normal, fast 2. 밀리언초: 1초 1,000으로 계산 ❷ easing: 가속도를 설정한다. 필요가 없는 경우는 생략할 수 있다. 키워드값: linear(일정 속도로 유지), swing(조금씩 빨라 졌다 느리게 끝냄) fadeTo(시간,opacity,'easing',function(){}) ❸ 콜백 함수는 이펙트가 끝난 후에 실행할 실행문을 설정한다. 필요가 없는 경우는 생략할 수 있다. 익명의 함수로 설정해야 한다. 보이기 show() slideDown() fadeIn() display:block 안보이기 hide() slideUp(..

Jquery 라이브러리 : 수많은 명령어를 총 집합해 놓은 상태 , 함수의 집합 먼저 script src 연결 jquery 기본 $(function(){ $('.a').css('background-color', 'yellow'); $('#first').text('welcome'); $('#second').html('jquery').css('color','red'); $('#btn').click(function(e){ $('#second').css({backgroundColor : 'orange'}) .css('color','#fff') .html('중요도') }) }); 매서드 정리 text('text콘텐트') html('') css('속성명','값') attr('속성명','값') 선택자 일반적인 선택자..