반응형 제이쿼리5 웹디자인 기능사 실기 : 제이쿼리 효과 메서드 slideDown, slideUp, fadeIn, fadeOut, fadeToggle 웹디자인기능사 실기 시험에서 제이쿼리 필수로 들어가야하는 효과들을 정리해보겠다. 생각보다 디테일한 효과를 적용 가능하다. 아는 만큼 표현가능하니까 미리 체크해두고 응용하는게 좋겠다. 실기시험 진행과정에서 가장 중요한 제이쿼리 효과 메서드이다. 토글효과와 슬라이드 효과는 메뉴 네비게이션에 꼭 들어가는 표현이다. 제이쿼리 필수 핵심 이론 - 메서드 (보이기/감추기) $('선택자').함수(function(){ $('선택요소').메서드(); }); 보이기 감추기 (show, hide) 효과 메서드 설명 .show() 선택요소 보이기 .hide() 선택요소 감추기 .toggle() 선택요소 보이기/감추기 .slideDown() 선택요소 서서히 보이기 .slidUp() 선택요소 서서히 감추기 .slideToggle.. 2022. 8. 7. 제이쿼리 - 메서드 3가지 종류 웹디자인 기능사에서 제이쿼리가 들어가는데 제이쿼리 필수 핵심 이론 메서드에 대하여 알아보자. $('선택자').함수(function(){ $('선택요소').메서드(); }) 메서드는 선택자가 선택요소 실행하는 효과임 1. 메서드 (이펙트) .show() .hide() .slideDown() .sldeUp() .fadeIn() .fadeOut() .stop() 2.메서드 (클래스 제어) .addClass() .removeClass() .toggleClass() 3. 메서드(요소 탐색) .children() -자손요소 .parent() -부모요소 .siblings() - 형제요소 .find() - 자손요소 .next() .prev() 2022. 8. 6. 웹디자인 기능사 제이쿼리 필수핵심이론 - 함수 웹디자인 기능사 시험에서 제이쿼리로 할 수 있는 것들 모달창 띄우기, 네비게이션 만들기 이때 필요한 함수에 대하여 알아보자. $('선택자').함수('function'(){ $('선택요소').메서드() }) 오늘은 제이쿼리 필수핵심 이론 함수에 대해... 알아본다.. 기본 구조 잡기는 기존에 했던 마우스 클릭했을때 보이기와 숨기기로 만들어둔다. 이작업 끝나면 스크립트 작성 $('.show-btn').click(function(){ $('div').show() }) $('.hide-btn').click(function(){ $('div').hide() }); $('선택자').함수(function(){ $('div').show() }); 클릭함수와 마우스 오버 함수 $('.btn').mouseenter(fun.. 2022. 8. 4. 코딩웍스 jquery 인강 : 기본 구문 만들기, 선택자 기본 구문 만들기 $('선택자'), 함수(function(){ 실행구문; }); 기본구문 작성할때 괄호 체크, 중괄호 체크 DOCTYPE html> 제이쿼리 기본구문 보이기 감추기 태그선택자 a를 클릭했습니다. 세미콜론은 넣으나 안넣으나 작동됨 $('p').css({'display':'none'}); $('.show-btn').click(function(){ $('p').css({'display':'block'}); }); $('.hide-btn').click(function(){ $('p').css({'display':'none'}); }); 기본 구문 만들기 $('선택자').함수(function(){ $('선택자').메서드(); }); $('.btn').click(function(){ $('.moda.. 2022. 8. 2. 이전 1 2 다음 반응형
