본문 바로가기
JavaScript

jQuery 메소드, 함수

by 전재훈 2014. 9. 15.
반응형

1. jQuery event 메소드 - 1

① bind('event type',[data], 처리 function) 

- Event 등록 

  

② unbind('event type') 

- Event 해제 

③ one('event type', function) 

 - 한 번만 실행되는 event 처리 

④ live("event type", function) 

- 현재 조건이 맞거나 앞으로 조건이 맞을 모든 요소에 event 처리 

- Ajax연동 시 강력 

  

⑤ die("event type", function) 

- live로 만든 이벤트 해제 

⑥ event 도우미 메소드 

- bind() 메소드를 wrapping한 메소드들로 event명을 메소드명으로 사용 

- http://api.jquery.com/category/events/ 참고 

- ex : click(function(){}),  mouseover(function(){}) 

⑦ show([밀리초]) : 목록을 보여준다. 

⑧ hide([밀리초]) : 목록을 숨긴다 

⑨ toggle([밀리초]) : show와 hide를 동시에 제공. 

 - show일 때 클릭하면 hide로 감추고, hide일 때 클릭하면 show로 보여준다. 


 

⑩ fadeOut([밀리초]) : 목록을 숨긴다. 

⑪ fadeIn([밀리초]) : 목록을 보여준다. 

⑫ fadeToggle([밀리초]) : fadeOut과 fadeIn를 동시에 제공 

    

⑬ animate(바뀔상태, 밀리초) 

 - style의 width가 20일때, animate(40,1000)라고 주면 1초동안 width를 40으로 

 

1. jQuery event 메소드 - 2 

① 처리 function 

- 구문 : function([event]){처리코드} 

- 인수 : event 객체 받을 수 있음. 

- event 객체 propery 

  · data - bind()에서 넘긴 Data 

  · target - event 소스 객체 

  

3. jQuery 함수 - for문 

① $.each(배열, function) 

② $(셀렉터-배열).each(function) : this(리턴타입) 


http://blog.naver.com/bignose7171/30139773125 에서 퍼온 글입니다.

위 블로그들어가면 예제까지 볼 수 있어요


반응형

'JavaScript' 카테고리의 다른 글

jQuery id 값 가져오기  (0) 2014.10.01
jQuery 함수 사용법  (0) 2014.09.24
java script 연산자  (0) 2014.09.23
jQuery의 가장 기본(selector, ready 콜백 함수)  (0) 2014.09.15
jquery에 도움되는 사이트  (0) 2014.09.12

댓글