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

본문 바로가기

검색취소

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

검색 이전 다음 목록

본문

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.);

등록된 댓글이 없습니다.

검색취소

jquery

검색
  • 눈여겨 볼만한 jQuery 플러그인
  • 눈여겨 볼만한 jQuery 플러그인

    이미지 갤러리.. 1. FUll Size Images Viewer- 간단한 제품사진보기, 이미지 갤러니 Thumb Nail 이미지 보기에 사용하면 제격-  http://www.addfullsize.com/ 2. Aj…

  • no image
  • 모달에 z-index 변경

    배추빌더 게시판 팝업 z-index 수정mw.lib/mw.skin.basic.lib.php                $(function() {            $("#dialog-message-$vie…

  • jQuery로 ajax 호출시 로딩중 이미지 보여주기
  • jQuery로 ajax 호출시 로딩중 이미지 보여주기

    요즘 유명 메이져사이트를 방문해보면 페이지 로딩 속도가 상당히 빨라졌다는 느낌이 들때가 있습니다. 방문자가 늘어난다고 서버시스템의 사양을 계속해서 높이거나 서버를 분산하기보다는최대한 효율적인 방법으로 서버의 부하를 …

  • no image
  • jQuery 합성이벤트 toggle() hover()

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

  • JQuery Hover Effects
  • JQuery Hover Effects

    첨부파일

    마우스 오버시 이벤트(이펙트)가 발생된다. 듀얼, 슬라이딩, 회전, 줌 등등 ... 7가지 이펙트를 지원해준다.워낙 유명한 사이트임.

?>