웹디자인 기능사 제이쿼리 필수핵심이론 - 함수

 

웹디자인 기능사 시험에서 제이쿼리로 할 수 있는 것들

모달창 띄우기, 네비게이션 만들기 

이때 필요한 함수에 대하여 알아보자.

 

$('선택자').함수('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