본문 바로가기

프로그래밍/jQuery237

clearQueue(), 대기열의 함수를 제거 clearQueue 원문 링크 http://api.jquery.com/clearQueue/ .clearQueue( [queueName] )Returns : jQuery 개요 : 대기열에 있는 아직 실행전인 모든 아이템을 제거합니다. .clearQueue( [queueName] ) queueName 대기열(queue) 명. effect queue의 기본명은 fx 입니다. .clearQueue() 함수가 호출되면, 대기열(queue, 이하 큐)에 있는 모든 함수가 큐(queue)에서 제거되면서 실행이 중지됩니다. 인자 없이 사용하면, .clearQueue() 는 기본 큐인 fx에 남아있는 모든 함수를 제거합니다. 비슷한 형태로는 .stop(true) 로 사용하는 방법이 있습니다. 하지만, .stop() 함수.. 2012. 4. 16.
animate(), 요소를 움직이기 animate 원문 링크 http://api.jquery.com/animate/ .animate( properties [, duration] [, easing] [, complete] )Returns : jQuery 개요 : CSS 속성들을 이용하여 사용자 에니메이션을 수행합니다. .animate( properties [, duration] [, easing] [, complete] ) properties 움직임을 만들어 낼수 있는 CSS 속성들 duration 움직임이 발생할 시간 easing 움직임에 변화를 줄 수 있는 함수 complete 움직임이 멈춘 후 실행될 함수 .animate( properties, options ) properties 움직임을 만들어 낼수 있는 CSS 속성들 options.. 2012. 3. 30.
unload(), 페이지에서 벗어날 때 unload 원문 링크 http://api.jquery.com/unload/ .unload(handler(eventObject))Returns : jQuery 개요 : "unload" JavaScript 이벤트를 바인딩합니다. .unload( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 동시에 실행될 기능. .unload( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 넘길 데이터 맵 handler(eventObject) 이벤트가 발생하면 동시에 실행될 기능. 이 함수는 .bind('unload', handler)을 줄여놓은 것입니다. unload 이벤트는 유저가 페이지를 벗어날 때 window 요소에.. 2012. 3. 20.
undelegate(), 바인딩 해제하기 undelegate 원문 링크 http://api.jquery.com/undelegate/ .undelegate()Returns : jQuery 개요 : 루트 요소의 특정 집합에 기반을 두고, 현재 선택과 일치하는 모든 요소에 대한 이벤트로부터 핸들러를 제거합니다. .undelegate() .undelegate( selector, eventType ) selector 선택자 eventType JavaScript 이벤트 타입 문자열, "click", "keydown" 같은 .undelegate( selector, eventType, handler(eventObject) ) selector 선택자 eventType JavaScript 이벤트 타입 문자열, "click", "keydown" 같은 handler.. 2012. 3. 20.
unbind(), 바인딩 해제하기 unbind 원문 링크 http://api.jquery.com/unbind/ .unbind( eventType [, handler(eventObject)] )Returns : jQuery 개요 : 이전에 연결된 이벤트 핸들러를 요소에서 제거합니다. .unbind( [eventType] [, handler(eventObject)] ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit 같은. handler(eventObject) 더 이상 실행되지 않을 기능. .unbind( eventType, false ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit 같은. false .bind( eventType, fal.. 2012. 3. 20.
triggerHandler(), 하나의 함수만 실행시키기 triggerHandler 원문 링크 http://api.jquery.com/triggerHandler/ .triggerHandler( eventType [, extraParameters] )Returns : jQuery 개요 : 이벤트 요소에 연결된 모든 처리기(handler)를 실행합니다. .triggerHandler( eventType [, extraParameters] ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit 같은. extraParameters 이벤트 핸들러에 전달할 추가 파라미터. .triggerHandler() 함수는 .trigger() 함수와 유사한 동작을 합니다. 단 아래의 예외 사항이 있습니다. .triggerHandler() .. 2012. 3. 20.
trigger(), 함수 실행시키기 trigger 원문 링크 http://api.jquery.com/trigger/ .trigger( eventType [, extraParameters] )Returns : jQuery 개요 : 특정 이벤트 유형에 대해 선택된 요소에 연결된 모든 핸들러와 동작(behavior)을 실행합니다. .trigger( eventType [, extraParameters] ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit 같은. extraParameters 이벤트 핸들러에 전달할 추가 파라미터. .trigger( event ) event jQuery.Event 객체. .trigger() 함수는 이벤트가 발생할 때 실행될 함수나 .bind() 함수로 연결된 어떤 이벤.. 2012. 3. 20.
toggle(), 토글하기 toggle 원문 링크 http://api.jquery.com/toggle/ .toggle( handler(eventObject), handler(eventObject) [, handler(eventObject)] )Returns : jQuery 개요 : 조건에 일치하는 요소에 클릭 때 실행될 하나 이상의 핸들러를 바인딩합니다. .toggle( handler(eventObject), handler(eventObject) [, handler(eventObject)] ) handler(eventObject) 요소 클릭 짝수번째에 실행될 기능 handler(eventObject) 요소 클릭 홀수번째에 실행될 기능 handler(eventObject) ) 이 인자도 추가되면 토글의 순환이 3번 클릭에 한번씩으로.. 2012. 3. 9.
submit(), 폼 전송 이벤트 submit 원문 링크 http://api.jquery.com/submit/ .submit( handler(eventObject) )Returns : jQuery 개요 : "submit" JavaScript 이벤트를 바인딩 하거나 요소에 발생시킵니다. .submit( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 실행될 기능. .submit( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 맵. handler(eventObject) ) 이벤트가 발생하면 실행될 기능. .submit() 이 함수의 첫번째, 두번째 용법은 .bind('submit', handler) 를 줄여 표현한 것이고 세번째.. 2012. 3. 9.
select(), 텍스트 드래그 이벤트 select 원문 링크 http://api.jquery.com/select/ .select( handler(eventObject) )Returns : jQuery 개요 : "select" JavaScript 이벤트를 바인딩 하거나 요소에 발생시킵니다. .select( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 실행될 기능. .select( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 맵. handler(eventObject) ) 이벤트가 발생하면 실행될 기능. .select() 이 함수의 첫번째, 두번째 용법은 .bind('select', handler) 를 줄여 표현한 것이고 세번째.. 2012. 3. 9.
scroll(), 스크롤 이벤트 scroll 원문 링크 http://api.jquery.com/scroll/ .scroll( handler(eventObject) )Returns : jQuery 개요 : "scroll" JavaScript 이벤트를 바인딩 하거나 요소에 발생시킵니다. .scroll( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 실행될 기능. .scroll( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 맵. handler(eventObject) ) 이벤트가 발생하면 실행될 기능. .scroll() 이 함수의 첫번째, 두번째 용법은 .bind('scroll', handler) 를 줄여 표현한 것이고 세번째.. 2012. 3. 6.
resize(), 사이즈 바꾸기 resize 원문 링크 http://api.jquery.com/resize/ .resize( handler(eventObject) )Returns : jQuery 개요 : "resize" JavaScript 이벤트를 이벤트 핸들러에 바인딩 하거나 요소에 이벤트를 적용시킵니다. .resize( handler(eventObject) ) handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능 .resize( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 맵 handler(eventObject) 이벤트가 실행될 때 동시에 수행될 기능 .resize() 이 함수의 첫번째 두번째 용법은 .bind('resize', handler.. 2012. 3. 6.
ready(), 문서가 준비되면 실행하기 ready 원문 링크 http://api.jquery.com/ready/ .ready( handler )Returns : jQuery 개요 : DOM 전체가 로드되면 기능이 실행됩니다. .ready( handler ) handler DOM 이 준비되면 실행될 기능(function). JavaScript는 페이지가 렌더링되면 코드를 실행하기 위해 "load" 이벤트를 제공하고 있지만, 이미지들이 모두 내려받아지는 것과 같이 페이지 표시 준비가 완벽하게 모두 끝났을 때까지 발생하지 않습니다. 대부분의 경우, DOM 계층 구조가 완전히 구축된 직후에 이 스크립트를 실행할 수 있습니다. 핸들러를 .ready() 함수에 전달하면 DOM 이 준비된 후에 그 함수가 반드시 실행됩니다. 따라서 이 함수는 다른 이벤트 .. 2012. 3. 6.
one(), 이벤트 발생하면 바인딩 자동해제 one 원문 링크 http://api.jquery.com/one/ .one( events [, data] , handler(eventObject) )Returns : jQuery 개요 : 요소에 이벤트 처리기를 연결합니다. 핸들러는 대부분 한번씩 실행됩니다. .one( events [, data], handler(eventObject) ) events "click", "submit" 또는 사용자 이벤트명 같은 하나 이상의 JavaScript 이벤트 타입명. data 이벤트 핸들러에 전달할 데이터 맵. handler(eventObject) 이벤트가 발생될 때 동시에 실행될 함수. .one( events [, selector] [, data], handler(eventObject) ) events 공백으로 .. 2012. 2. 24.
on(), 이벤트 바인딩 하기 on 원문 링크 http://api.jquery.com/on/ .on( events [, selector] [, data] , handler(eventObject) )Returns : jQuery 개요 : 선택된 요소에 하나 이상의 이벤트들을 붙여줍니다. .on( events [, selector] [, data], handler(eventObject) ) events 공백으로 구분된 하나 이상의 이벤트 타입과 옵션인 네임스페이스. "click", "keydown.myPlugin", ".myPlugin" 등이 있음. selector 이벤트가 발생할 요소들의 자식들을 찾을 선택자 문자열. 만일 선택자가 null 이거나 생략됬다면, 이벤트는 선택된 요소에 도달할때만 실행됩니다. data 이벤트가 발생할 때 .. 2012. 2. 24.
off(), 이벤트 해제하기 off 원문 링크 http://api.jquery.com/off/ .off( events [, selector] [, handler(eventObject)] )Returns : jQuery 개요 : 이벤트 핸들러 해제하기. .off( events [, selector] [, handler(eventObject)] ) events 공백으로 구분된 하나 이상의 이벤트 타입과 옵션인 네임스페이스. "click", "keydown.myPlugin", ".myPlugin" 등이 있음. selector 이벤트 바인딩을 위해 .on() 함수에서 사용된 선택자. handler(eventObject) 바인딩 된 이벤트 또는 특수값인 핸들러 함수. .off( events-map [, selector] ) events-ma.. 2012. 2. 24.
jQuery API - mouseup(), 마우스를 눌렀다 뗄 때 mouseup 원문 링크 http://api.jquery.com/mouseup/ .mouseup( handler(eventObject) )Returns : jQuery 개요 : "mouseup" JavaScript 이벤트를 바인딩 하거나 특정 요소에 이벤트를 발생시킵니다. .mouseup( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseup( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseup( ) 이 함수는 .bind('mouseup', handler) 와 .trigge.. 2012. 1. 13.
jQuery API - mouseover(), 마우스가 올라올 때 mouseover 원문 링크 http://api.jquery.com/mouseover/ .mouseover( handler(eventObject) )Returns : jQuery 개요 : "mouseover" JavaScript 이벤트를 바인딩하거나, 특정 요소에 이벤트를 발생시킵니다. .mouseover( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseover( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseover( ) 이 함수는 .bind('mouseover', ha.. 2012. 1. 13.
jQuery API - mouseout(), 마우스가 떠날 때 mouseout 원문 링크 http://api.jquery.com/mouseout/ .mouseout( handler(eventObject) )Returns : jQuery 개요 : "mouseout" JavaScript 이벤트를 바인딩하거나, 특정 요소에 이벤트를 발생시킵니다. .mouseout( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseout( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseout( ) 이 함수는 .bind('mouseout', handler) 와.. 2012. 1. 13.
jQuery API - mousemove(), 마우스가 요소에서 움직일 때 mousemove 원문 링크 http://api.jquery.com/mousemove/ .mousemove( handler(eventObject) )Returns : jQuery 개요 : "mousemove" JavaScript 이벤트를 바인딩하거나, 특정 요소에 이벤트를 발생시킵니다. .mousemove( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mousemove( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mousemove( ) 이 함수는 .bind('mousemove', ha.. 2012. 1. 13.