프리이미지
사이트 내 전체검색

jQuery 합성이벤트 toggle() hover()

페이지 정보

작성일13-06-29 16:58

본문

jQuery 합성이벤트 toggle() hover()

보통 이벤트는 하나의 사용자 행위에 의해 발생한다.그리고 하나의 행동에 대해 하나의 응답을 내놓는다. 합성이벤트는 하나이상의 사용자 행위에 별개의 응답을 말하는 이벤트이다. 이에 대표적인 메소드가toggle() ,hover()이다.

toggle()

toggle()은 클릭에따른 메소드이다. 한번클릭할때 그리고 다시클릭할때 이벤트를 보여준다.인자로 두개의 함수를 가진다.

1.$().toggle(function(A) {} , function(B) {});

한번클릭하면function(A)가 발생하고 한번더클릭하면 function(B)가발생한다.적용된예제를보자

1.<div>
2.<p>원클릭 커짐 한번더 클릭 원래대로</p>
3.</div>
1..boxing{ font-size:24pxfont-weight:bold;}
1.$(document).ready(function(){
2.$('div').toggle(
3.function(){ $('p').addClass('boxing'); },
4.//첫번째함수
5.function(){$('p').removeClass('boxing');}
6.//두번재 함수
7.);
게시물 검색