본문 바로가기

jquery api187

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.
jQuery API 정복 - 이벤트 연결하기, bind() .bind() 원문 링크 http://api.jquery.com/bind/ .bind( eventType [, eventData] , handler(eventObject) )Returns : jQuery 개요 : 요소(element)에 이벤트 처리기(handler)를 연결합니다.(바인딩이라고 하죠) .bind( eventType [, eventData], handler(eventObject) ) eventType 하나 이상의 DOM 이벤트를 표현하는 문자열. "click", "submit," 또는 사용자가 만든 함수들(사용자정의함수). eventData 이벤트 핸들러에 전달하기 위한 데이터 집합(map of data). handler(eventObject) 이벤트와 함께 실행될 함수 .bind( even.. 2011. 11. 23.