반응형
SMALL
웹디자인 기능사 시험에서 제이쿼리로 할 수 있는 것들
모달창 띄우기, 네비게이션 만들기
이때 필요한 함수에 대하여 알아보자.
$('선택자').함수('function'(){
$('선택요소').메서드()
})
오늘은 제이쿼리 필수핵심 이론 함수에 대해... 알아본다..
기본 구조 잡기는 기존에 했던 마우스 클릭했을때 보이기와 숨기기로 만들어둔다.
이작업 끝나면 스크립트 작성
$('.show-btn').click(function(){
$('div').show()
})
$('.hide-btn').click(function(){
$('div').hide()
});
$('선택자').함수(function(){
$('div').show()
});
클릭함수와 마우스 오버 함수
$('.btn').mouseenter(function(){
$('div').show()
})
$('.btn').mouseleave(function(){
$('div').hide()
});
레이어 팝업 (모달창) 띄울 때는 click, 네비게이션 만들 때는 moseenter, mouseleave
반응형
LIST
'학 습 일 지 2 0 2 2' 카테고리의 다른 글
웹디자인 기능사 실기 : 제이쿼리 효과 메서드 slideDown, slideUp, fadeIn, fadeOut, fadeToggle (0) | 2022.08.07 |
---|---|
제이쿼리 - 메서드 3가지 종류 (0) | 2022.08.06 |
코딩웍스 jquery 인강 : 기본 구문 만들기, 선택자 (0) | 2022.08.02 |
코딩웍스 제이쿼리 jQuery : 시작하기(폴더구조, 링크방법) (0) | 2022.08.02 |
코딩웍스 인강 : 가상클래스 만들기 nth-child, nth-of-type (0) | 2022.08.01 |