본문 바로가기

프로그래밍/jQuery237

jQuery API - mouseleave(), 마우스가 요소에서 벗어날 때 mouseleave 원문 링크 http://api.jquery.com/mouseleave/ .mouseleave( handler(eventObject) )Returns : jQuery 개요 : 요소에서 마우스가 떠날때의 이벤트를 바인딩 하거나 특정 요소에 이벤트를 발생시킵니다. .mouseleave( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseleave( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseleave( ) 이 함수는 .bind('mouseleave', han.. 2012. 1. 13.
jQuery API - mouseenter(), 마우스 진입 감지 이벤트 mouseenter 원문 링크 http://api.jquery.com/mouseenter/ .mouseenter( handler(eventObject) )Returns : jQuery 개요 : 요소에 마우스가 진입했을 때의 이벤트를 바인딩 하거나 특정 요소에 이벤트를 발생시킵니다. .mouseenter( handler(eventObject) ) mouseenter(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseenter( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseenter( ) 이 함수는 .bind('mouseenter'.. 2012. 1. 4.
jQuery API, mousedown, 마우스 누름 이벤트 mousedown 원문 링크 http://api.jquery.com/mousedown/ .mousedown( handler(eventObject) )Returns : jQuery 개요 : "mousedown" JavaScript 이벤트를 바인딩 하거나 특정 요소에 이벤트를 발생시킵니다. .mousedown( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mousedown( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mousedown( ) 이 함수는 .bind('mousedown', ha.. 2012. 1. 4.
jQuery API - load(), 로드되면 발생하는 이벤트 load 원문 링크 http://api.jquery.com/load/ .load( handler(eventObject) )Returns : jQuery 개요 : JavaScript 이벤트 "load" 를 바인딩 합니다. .load( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .load( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. 이 함수는 .bind('load', handler)를 줄인 것입니다. load 이벤트는 모든 요소들이(포함한 하위 요소까지도) 완전히 읽혀(load)졌을 때 발.. 2012. 1. 4.
jQuery API - live(), 이벤트 바인딩하기 live 원문 링크 http://api.jquery.com/live/ .live( events, handler )Returns : jQuery 개요 : 현재 및 미래의, 현재의 선택과 일치하는 모든 요소에 대하여 이벤트 처리기를 연결합니다. .live( events, handler ) events "click", "keydown." 과 같은 Javascript 이벤트 타입을 표현하는 문자열. jQuery 1.4 부터 공백문자로 구분된 여러개의 이벤트 타입이나 사용자 이벤트 명을 사용할 수 있게 되었습니다. handler 이벤트가 발생할 때 동시에 실행될 기능. .live( events, data, handler ) events "click", "keydown." 과 같은 Javascript 이벤트 타입을.. 2011. 12. 26.
jQuery API 정복 - keyup(), 키를 눌렀다 뗄때 keyup 원문 링크 http://api.jquery.com/keyup/ .keyup( handler(eventObject) )Returns : jQuery 개요 : "keyup" JavaScript 이벤트를 바인딩하거나 요소에 이벤트를 발생시킵니다. .keyup( handler(eventObject) ) handler(eventObject) 이벤트가 발생되면 실행될 기능 .keyup( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 집합 handler(eventObject) 이벤트가 발생되면 실행될 기능 .keyup() 이 함수는 두 개의 인자를 갖는 .bind('keyup', handler) 와 .trigger('keyup') 함수의 줄.. 2011. 12. 26.
jQuery API 정복 - keypress(), 브라우져의 키 누름 이벤트 keypress 원문 링크 http://api.jquery.com/keypress/ .keypress( handler(eventObject) )Returns : jQuery 개요 : "keypress" JavaScript 이벤트를 바인딩하거나 요소에 이벤트를 발생시킵니다. .keypress( handler(eventObject) ) handler(eventObject) 이벤트가 발생되면 실행될 기능 .keypress( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 집합 handler(eventObject) 이벤트가 발생되면 실행될 기능 .keypress() Note: keypress 이벤트는 공식적으로 지원하지 않는 함수입니다. 실제 동작.. 2011. 12. 26.
jQuery API 정복 - keydown(), 키보드 누름 이벤트 keydown 원문 링크 http://api.jquery.com/keydown/ .keydown( handler(eventObject) )Returns : jQuery 개요 : "keydown" JavaScript 이벤트를 바인딩하거나 요소에 이벤트를 발생시킵니다. .keydown( handler(eventObject) ) handler(eventObject) 이벤트가 발생되면 실행될 기능 .keydown( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 집합 handler(eventObject) 이벤트가 발생되면 실행될 기능 .keydown() 이 함수는 두 개의 인자를 갖는 .bind('keydown', handler) 와 .trigge.. 2011. 12. 26.
jQuery API 정복 - hover(), 마우스 오버 이벤트 hover 원문 링크 http://api.jquery.com/hover/ 함수들 hover( handlerIn(eventObject) , handlerOut(eventObject) ) .hover( handlerIn(eventObject) , handlerOut(eventObject) ) hover( handlerInOut(eventObject) ) .hover( handlerInOut(eventObject) ) .hover( handlerIn(eventObject), handlerOut(eventObject) )Returns : jQuery 개요 : 마우스 포인터가 요소들에 올라오거나 떠날때 실행되는 두개의 핸들러를 바인딩합니다. .hover( handlerIn(eventObject), handlerO.. 2011. 12. 26.
jQuery API 정복 - focus(), 요소에 포커스 주기 focus 원문 링크 http://api.jquery.com/focus/ .focus( handler(eventObject) )Returns : jQuery 개요 : "focus" JavaScript 이벤트를 바인드 하거나 요소에 해당 이벤트를 발생시킵니다. .focus( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 실행될 기능 .focus( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생하면 실행될 기능 .focus() 이 함수는 .bind('focus', handler), .trigger('focus') 를 줄여 표현한 것입니다.. 2011. 12. 13.
jQuery API 정복 - event.timeStamp, 이벤트 사이의 시간 event.timeStamp 원문 링크 http://api.jquery.com/event.timeStamp/ event.targetReturns : Element 개요 : 이전 이벤트와 현재 이벤트가 발생한 시간의 차이를 밀리세컨드(milliseconds)를 기준으로 알려줍니다. .event.timeStamp 예 제 소스닫기 마지막 이벤트 발생 시간과의 차이를 보여줍니다. Click. 미리보기 밀리세컨드에 1,000을 곱하면 초단위가 되는거 다들 아시죠? (응? "이거 다 거짓말인거 다들 아시죠??" 가 문득 떠오르는.. ㅎㅎ ) 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 12. 13.
jQuery API 정복 - event.target, 이벤트가 발생한 요소 event.target 원문 링크 http://api.jquery.com/event.target/ event.targetReturns : Element 개요 : 이벤트가 시작되는 DOM 요소입니다. .event.target 예 제 소스닫기 클릭하면 태그명을 보여줍니다. click 미리보기 예 제 소스닫기 간단한 이벤트 위임을 구현합니다. 클릭하면 하위요소가 나타나거나 감춰집니다. item 1 sub item 1-a sub item 1-b item 2 sub item 2-a sub item 2-b 미리보기 이거이거 토글메뉴에 딱인데요. 두번째 예제를 잘 살려서 토글 메뉴에 사용하심 될 것 같습니다. 와우 간단하네요. 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 .. 2011. 12. 13.
jQuery API 정복 - event.pageY, 마우스 Y 좌표 event.pageY 원문 링크 http://api.jquery.com/event.pageY/ event.pageYReturns : Number 개요 : 문서의 왼쪽 가장자리를 기준으로 마우스 위치의 Y좌표 값. .event.pageY 예 제 소스닫기 마우스 위치의 Y 좌표값을 알아보죠.(아래 영역에 마우스를 위치시켜 보세요. 미리보기 마우스 X, Y 좌표가 나오네요. pageX와 pageY 로 잘 사용하세요. 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 12. 13.
jQuery API 정복 - event.pageX, 마우스 X 좌표 event.pageX 원문 링크 http://api.jquery.com/event.pageX/ event.pageXReturns : Number 개요 : 문서의 왼쪽 가장자리를 기준으로 마우스 위치의 X좌표 값. .event.pageX 예 제 소스닫기 마우스 위치의 X 좌표값을 알아보죠.(아래 영역에 마우스를 위치시켜 보세요. 마우스를 올려보세요. 미리보기 마우스 X, Y 좌표가 나오네요. 마우스 좌표값 얻기에 사용하세요. 브라우져 마다 달라서 고생스러웠는데 잘 사용할 수 있겠네요. 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 12. 13.
jQuery API 정복 - die(), 이벤트 해제하기 .die() 원문 링크 http://api.jquery.com/die/ 함수들 die( ) .die( ) die( eventType [ , handler ] ) .die( eventType [, handler] ) .die( eventTypes ) .die( )Returns : jQuery 개요 : .live() 함수로 바인딩 된 모든 이벤트들을 제거합니다. .die( ) .live() 함수로 바인딩 된 모든 이벤트를 .die()로 제거할 수 있습니다. 이 함수는 .bind() 함수로 바인딩 된 모든 이벤트를 제거하는 함수인 .unbind() 를 인자없이 호출하는 것과 유사합니다. jQuery 1.7에서는, .die() (그리고 보완적인 함수인, .live()) 에 대하여 다루지 않습니다. 대신, .on.. 2011. 12. 8.
jQuery API 정복 - delegate(), 이벤트 바인딩하기 .delegate() 원문 링크 http://api.jquery.com/delegate/ .delegate( selector, eventType, handler )Returns : jQuery 개요 : 루트 요소의 특정 집합을 기반으로, 지금 또는 나중에, 선택과 일치하는 모든 요소에 대해 하나 이상의 이벤트 처리기를 묶어줍니다. .delegate( selector, eventType, handler ) selector 이벤트를 발생할 요소를 걸러낼 선택자. eventType 공백으로 구분된 하나 이상의 JavaScript 이벤트를 포함하는 문자열, "click", "keydown" 또는 사용자 정의 함수명. handler 이벤트가 발생할 때 실행될 함수. .delegate( selector, event.. 2011. 12. 8.
jQuery API 정복 - 더블클릭 이벤트, dblclick() .dblclick() 원문 링크 http://api.jquery.com/dblclick/ 함수들 .dblclick( handler(eventObject) )Returns : jQuery 개요 : JavaScript 이벤트인 "click"를 이벤트 핸들러에 바인딩 하거나 요소에 이벤트를 발생시킵니다. .dblclick( handler(eventObject) ) handler(eventObject) 매번 이벤트를 발생시키는 함수가 실행됩니다. .dblclick( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 집합. handler(eventObject) 매번 이벤트를 발생시키는 함수가 실행됩니다. .dblclick( ) 이 함수는 .bind('.. 2011. 11. 25.
jQuery API 정복 - 클릭 이벤트, click() .click() 원문 링크 http://api.jquery.com/click/ 함수들 .click( handler(eventObject) )Returns : jQuery 개요 : JavaScript 이벤트인 "click"를 이벤트 핸들러에 바인딩 하거나 요소에 이벤트를 발생시킵니다. .click( handler(eventObject) ) handler(eventObject) 매번 이벤트를 발생시키는 함수가 실행됩니다. .click( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 집합. handler(eventObject) 매번 이벤트를 발생시키는 함수가 실행됩니다. .click( ) 이 함수는 .bind('click', handler)을 .. 2011. 11. 25.
jQuery API 정복 - 변경 이벤트, change() .change() 원문 링크 http://api.jquery.com/change/ 함수들 .change( handler(eventObject) )Returns : jQuery 개요 : JavaScript 이벤트인 "change"를 이벤트 핸들러에 바인딩 하거나 요소에 이벤트를 발생시킵니다. .change( handler(eventObject) ) handler(eventObject) 매번 이벤트를 발생시키는 함수가 실행됩니다. .change( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 집합. handler(eventObject) 매번 이벤트를 발생시키는 함수가 실행됩니다. .change( ) 이 함수는 .bind('change', ha.. 2011. 11. 24.
jQuery API 정복 - 포커스 잃을 때 이벤트, blur() .blur() 원문 링크 http://api.jquery.com/blur/ 함수들 .blur( handler(eventObject) )Returns : jQuery 개요 : JavaScript 이벤트인 "blur"를 이벤트 핸들러에 바인딩 하거나 요소에 이벤트를 발생시킵니다. .blur( handler(eventObject) ) handler(eventObject) 매번 이벤트를 발생시키는 함수가 실행됩니다. .blur( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 집합. handler(eventObject) 매번 이벤트를 발생시키는 함수가 실행됩니다. .blur( ) 이 함수는 .bind('blur', handler)을 줄여 놓은 것입.. 2011. 11. 24.

티스토리툴바