- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 |
- 재능이의 돈버는 일기
- StresslessLife
- K_JIN2SM
- 소소한 일상
- My Life Style & Memory a Box
- Blog's generation
- 공감 스토리
- 취객의 프로그래밍 연구실
- Love Me
- Dream Archive
- 세상에 발자취를 남기다 by kongmingu
- hanglesoul
- 카마의 IT 초행길
- 느리게.
- 미친듯이 즐겨보자..
- Joo studio
- Gonna be insane
- 악 다 날아갔어!! 갇대밋! 왓더...
- xopowo05
- 맑은공기희망운동
- 엔지니어 독립운동
- 혁준 블로그
- Simple in Complex with Simple
- 무의식이 의식을 지배한다
목록2016/06/30 (2)
드럼치는 프로그래머
jQuery에서 이벤트 관련 메소드들은 무척 많다. 그중에 편한방식,마음에 드는 방식을 선택하면 되는데 하나씩 살펴보자. 소개되는 예제코드는 예제페이지로 이동한후 개발자도구 콘솔을 열어서 실행하면 된다. 이벤트 등록$('#box').on('click', function(event){ console.log(this,event); }); //이렇게도 가능 $('#box').click(function(event){ console.log(this, event); }); on메소드를 사용해서 간단하게 이벤트 등록이 가능하다. 이벤트콜백함수 안에서의 this는 이벤트가 발생된 엘리먼트 그대로를 가르키고 event인자는 jQuery Event객체를 가르킨다. 특이하게 click()처럼 이벤트명의 메소드들도 존재하는데..
이번엔 좀 재밌는 이펙트관련 메소드를 살펴보자. 소개하는 메소드들은 예제페이지로 이동한후 개발자도구 콘솔을 열어서 입력하면서 테스트 해보면 된다. .hide() 엘리먼트를 숨긴다// $('div').css("display","none") 과 동일 $('div').hide() //천천히 사라지게 $('div').hide('slow',function(){ console.log('hide ok!') }); .show() 엘리먼트를 보여준다$('div').show() $('div').show('fast') .toggle() 엘리먼트 show(),hide() 를 toggle 처리$('div').toggle('fast') .fadeOut() 엘리먼트가 opacity값이 빠지면서 사라진다//모든 태그 사라짐 $('*..